Tabelle ==> CSS

[steve]

hi zusammen,

ich habe eine tabelle mit width:100% und height:100% definiert.
nun möchte ich nur das obere hauptmenü in einer tabelle haben und die anderen bereiche in divs aufteilen.

*******************************************
*               Hauptmenü                 *
*          als  Tabelle  definiert        *
*          feste Höhe 140px               *
*******************************************
*                    *                    *
* linker Bereich     *  rechter Bereich   *
* mit Hintergrund    *  mit Hintergrund   *
* Farbe 2            *  Farbe 3           *
* feste Breite 140px *                    *
*******************************************

<div style="height:100%;width:100%;>
<div style="height:140px;background:color1;">
 <table height="140" width="100%">
 ......
 </table>
</div>

<div style="width:140px;background:color2;float:left">
Menue
</div>

<div style="margin-left:140px;background:color3;">
Text
</div>
<div>

Das Problem ist, dass der Bereich mit color2 und color3 sich nicht über die ganze restliche(!) seitenhöhe erstreckt.

und <div style="width:140px;background:color2;float:left"> und
<div style="margin-left:140px;background:color3;"> um den befehl
height:100% bringt auch nicht das gewünschte ergebnis :-(

weiss jemand rat?

thx

steve

[Ingo Turski]

Hi,

weiss jemand rat?

ja - bleibe bei deinen Tabellen. In CSS ist solch eine Abhängigkeit der Elemente noch nicht vorgesehen und nur mit nicht bsonders schönen Tricks zu realisieren. Oder ändere deinen Layoutwunsch.

freundliche Grüße
Ingo

[MudGuard]

Hi,

*******************************************
*               Hauptmenü                 *
*******************************************
* Farbe 2            *  Farbe 3           *
* feste Breite 140px *                    *
*******************************************

<div style="height:100%;width:100%;>

gib diesem div ein nur in y-Richtung wiederholtes Hintergrundbild in color2, Breite 140px.
Außerdem bekommt das div die Hintergrundfarbe 3

<div style="height:140px;background:color1;">
<table height="140" width="100%">

table hat kein height-Attribut.

......
</table>
</div>

<div style="width:140px;background:color2;float:left">

Hier keine Hintergrundfarbe angeben.

Menue
</div>

<div style="margin-left:140px;background:color3;">

Hier keine Hintergrundfarbe angeben.

Text
</div>

cu,
Andreas

[steve]

Hi, Andreas

danke für deinen Tip.

Also gibt es in CSS keine Lösung für folgendes:

*******************************************
* DIV 1              *  DIV 2             *
* Farbe 1            *  Farbe 2           *
* feste Breite 140px *                    *
*                    *                    *
* *****************************************

Egal wieviel Text in DIV 1 oder DIV 2 steht, die Hintergrundfarbe
des jeweiligen DIVs sollen immer über die ganze(!) Seitenhöhe gehen.

Also, der Streifeneffekt mit Farbe 1 und Farbe 2 soll sich senkrecht über die ganze Seite erstecken.

Bye,

Steve

[MudGuard]

Hi,

Egal wieviel Text in DIV 1 oder DIV 2 steht, die Hintergrundfarbe
des jeweiligen DIVs sollen immer über die ganze(!) Seitenhöhe gehen.

Die Höhe eines Elements kann in CSS nicht in Abhängigkeit von einem Geschwisterelement bestimmt werden.

cu,
Andreas