Tabellenproblem (Höhe) mit Design

Status
Nicht offen für weitere Antworten.

Harrier

Erfahrenes Mitglied
Servus Leute! Erstmal schöne Weihnachten!

Ich hab grad ein Problem mit einem Design. Die Ränder von meinem Menü haben einen Farbverlauf. Soweit kein Problem: Das Menu soll in etwa so aussehen

| TOP |
|1|MENU|2|
|3|MENU|4|
|5|MENU|6|
| BOTTOM |

Das große leere Feld in der Mitte ist zum reinschreiben (es hat nur eine bgColor), die äußeren sind mit Hintergrundbild. 3 und 4 sind loopbar (also ich mein sie können halt nach unten bel. oft wiederholt werden!)
Ich hab bei allen anderen <tr>'s die HEIGHT angegeben nur bei 3 und 4 nicht (ich will ja dass diese sich strecken wenn der Inhalt länger wird). Das Problem ist: Es strecken sich nicht 3 und 4
sondern 1,2,5 und 6, was natürlich überhaupt nicht in meinem Sinne ist (3 und 4 behalten dabei ihre Größe bei).

Ich poste mal eben den Quellcode von dem Menü
HTML:
    <table width="176" cellspacing="0" border="0">
    <tr height="28">
    <td colspan="3" background="img/left_top.jpg"></td>
    </tr>
    
    <tr valign="top" height="304px">
    <td width="17" background="img/left1.jpg"></td>
    <td width="125" bgColor="#1E1E1E" rowspan="3">
    HIER STEHEN IM SCREENSHOT DIE GANZEN Xs
    </td>
    <td width="34" background="img/left2.jpg"></td>
    </tr>
    
    <tr>
    <td background="img/left3.jpg">&nbsp;</td>
    <td background="img/left4.jpg">&nbsp;</td>
    </tr>
    
    <tr height="154px">
    <td background="img/left5.jpg"></td>
    <td background="img/left6.jpg"></td>
    </tr>
    
    <tr height="59">
    <td background="img/left_bottom.jpg" colspan="3"></td>
    </tr>
    </table>

Und hier en Screenshot

Ich hoffe ihr könnt mir helfen! Danke im Vorraus! cYa

//EDIT: Achja: table-layout: fixed funktioniert natürlich auch nicht weil das nur für die Breite ist. Wenn ich es doch mache wird die Mittlere Spalte enger und die äußeren zu breit, sodass sich die Ränder alle mehrfach wiederholen. (Ist nicht schlimm ich muss es ja nicht schreiben aber vielleicht hilft's bei der Fehlersuche)
 

Anhänge

  • problem.jpg
    problem.jpg
    52,3 KB · Aufrufe: 46
Zuletzt bearbeitet:
Was mir jetzt grad so spontan auffällt:
HTML:
<td colspan="3" ...>
Und weiter unten dann das:
HTML:
<tr>
<td background="img/left3.jpg">&nbsp;</td>
<td background="img/left4.jpg">&nbsp;</td>
</tr>
Kein Wunder, dass das nicht korrekt angezeigt wird.
 
Hehe! Yo das colspan=3 ist für das obere Ende des Menüs und da unten sind nur 2 Spalten weil in der 2. Zeile - zweiten Spalte ein rowspan="3" steht
 
Status
Nicht offen für weitere Antworten.
Zurück