✔ Breite einer Spalte passt sich nicht an.

[StonE12]

Hallo,
ich habe eine Tabelle gebastelt, in der dann am Ende sämtliche Seiten per include (PHP) angezeigt werden. Das Problem ist aber das sich die mittlere spalte, der Tabelle um der Tabelle ( quasi die die den oberen und unteren Rahmen beinhaltet) sich nicht anpasst wie sie soll. Die Spalten rechts und links haben zwar spezifische Breitewerte, an die sie sich bei der Einbindung in die Website nicht halten, sprich größer werden als sie sollten. Wie kann ich erreichen, dass die mittlere Spalte das unterbindet indem genau diese den kompletten Rest der 100 % einnimmt ? Hier ist der HTML Code :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="20" height="5"><img src="fileDump/main_01.gif" alt="" width="20" height="5" /></td>
              <td style="background:url(fileDump/main_02.gif) 0 0 repeat-x" height="5"><img src="fileDump/main_02.gif" width="69" height="5"></td>
              <td width="11" height="5"><img src="fileDump/main_03.gif" width="11" height="5" /></td>
            </tr>
            <tr>
              <td colspan="3"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="fileDump/back2.gif">
                  <tr>
                    <td width="5" height="8"><img src="fileDump/main_04.gif" width="5" height="8" /></td>
                    <td></td>
                    <td width="5" height="8"><img src="fileDump/main_06.gif" width="5" height="8" /></td>
                  </tr>
                  <tr>
                    <td width="5" background="fileDump/main_07.gif"><img src="fileDump/main_07.gif" width="5" height="74" /></td>
                    <td>
                      <p>&nbsp;</p>
                      <table width="100%" border="0" cellspacing="0" cellpadding="4">
                        <tr>
                          <td><table width="95%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td><p><?php ?></p>
                              </td>
                            </tr>
                          </table></td>
                        </tr>
                      </table>                      <p>&nbsp;</p></td>
                    <td width="5" background="fileDump/main_08.gif"><img src="fileDump/main_08.gif" width="5" height="74" /></td>
                  </tr>
                  <tr>
                    <td width="5" height="8"><img src="fileDump/main_09.gif" width="5" height="8" /></td>
                    <td></td>
                    <td width="5" height="8"><img src="fileDump/main_10.gif" width="5" height="8" /></td>
                  </tr>
              </table></td>
            </tr>
            <tr>
              <td width="20" height="5"><img src="fileDump/main_11.gif" width="20" height="5" /></td>
              <td style="background:url(fileDump/main_12.gif) 0 0 repeat-x" height="5"><img src="fileDump/main_12.gif" width="69" height="5" /></td>
              <td width="11" height="5"><img src="fileDump/main_13.gif" width="11" height="5" /></td>
            </tr>
          </table>

Hoffe jemand versteht was ich meine und kann mir helfen.
Schonmal Danke !
Gruß Crossi

 

[Maik]

Gibt es eventuell eine Online-Version der Seite, um das Problem direkt in Augenschein nehmen zu können?

 

[StonE12]

Ja gibt es : Link
Musst dir die Seite mit Opera angucken. Im IE und in Firefox funktioniert das ganze wunderbar ...
Ich versteh auchnicht warum dort nicht.

 

[Maik]

Abgesehen davon, daß bei mir im Opera (8.50) das Flash-Menü nicht korrekt angzeigt wird, kann ich im Vergleich zum Firefox (1.5.0.6) keine Unterschiede in der Seitendarstellung feststellen.

Ist das normal, daß da folgende Fehlermeldung erscheint?

Beim laden der Seite ist ein Fehler aufgetretten.
Bitte laden sie die Seite neu.

 

[StonE12]

Ich habe Opera 9.00 . Ist aber auch nicht mehr so wichtig. Habe eine Lösung gefunden, wenn auch nicht wirklich ellegant. Habe einfach den Spalten rechts und links neben der Spalte die sich nicht ordentlich angepasst hat den selben Hintergrund zugeordnet, sodas es egal ist ob die mittlere die ganze Breite einnimmt.
Aber was meinst du mit Flash Element nicht richtig dargestellt ?

Das mit dem Fehler ist normal. Ist im Moment noch der default im switch element mit dem die Seiten angezeigt werden.
Ist aber halt auch noch nicht alles fertig

 

[Maik]

Hier der Opera-Screenshot Deiner Seite.

 

[StonE12]

Hmm - garnicht gut!
1. Das mit dem Flashelement verstehe ich jetzt mal überhaupt nicht. Anzeigen tut er es ja irgendwie aber nicht vollständig. Gehört aber nicht in dieses Forum.
2. Wann hast du den Screenshot gemacht ? Da ist ja der Fehler den ich meinte noch zu sehen! Hast du vorher mal aktuallisiert ? Weil eigentlich hatte ich das ja gelöst ( zumindest bei mir scheint es so )
Hoffe du weißt was ich mit dem Fehler meine...: Mittlere Tabelle oberer und unterer Rand... solllten eigentlich bis zu jeweils beiden Enden der Tabelle gehen

Edit :
Hier ein Screeny wie ich das sehe und wie es sein sollte :

 

[Maik]

Vielleicht solltest Du mal das dreispaltige Layout ohne Tabellen realisieren? Stichwort: "CSS-Layout".

Deinen Threadpusher habe ich wieder entfernt und möchte Dich bitten, zukünftig das Pushen eines Threads zu unterlassen.

 

[StonE12]

Entschuldig bitte. Ich würd das aber halt gern noch fertig bekommen heute. Lässt mir keine Ruhe das, dass nicht funktioniert.
Zu dem CSS. Könnte ja ne tolle Idee sein aber ich habe leider minimale Ahnung von CSS.
Kannste mir da trotzdem irgendwie helfen ? Tutorial oder irgendwie anders. Wär super nett.
Ist es denn überhaupt noch so, dass bei dir der Rahmen der mittleren Tabelle unvollständig angezeigt wird. Kann nämlich eigentlich vom rein logischen garnicht sein. Wär sehr nett wenn du nochmal nachgucken könntest.
Gruß Crossi

 

[Maik]

Den Opera-Screenshot hatte ich vor deinen Änderungen geschossen, jetzt wird der Rahmen wie im Firefox vollständig dargestellt.

Und hier mal ein einfaches Beispiel für ein dreispaltiges CSS-Layout:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>3-columns</title>

<style type="text/css">
<!--
.leftCol {
width: 150px;
float: left;
border: 1px solid #000;
}

.rightCol {
float: right;
width: 150px;
border: 1px solid #000;
}

.centerCol {
margin: 0 160px;
border: 1px solid #000;
}
-->
</style>

</head>
<body>

<div class="leftCol">leftCol</div>
<div class="rightCol">rightCol</div>
<div class="centerCol">centerCol</div>

</body>
</html>