nicht angemeldet
Hallöle,
habe eine Seite, die in 4 Quadranten geteilt werden soll. Der Text gruppiert sich um den Schnittpunkt, soll also in Qu1 und Qu2 unten stehen:
11em Rest
+----------+--------------------+
! ! ! 6em
! Qu1 ! Qu2 !
+----------o--------------------+
! Qu3 ! Qu4 !
! ! !
! ! ! Rest
! ! !
+----------+--------------------+
Kein Problem mit <table width=100% height=100%>
Aber: Wenn die Seite einmal höher wird als BS-Höhe, sollen Qu1 und Qu3 nicht mitscrollen, also position:fixed haben. Nun bleibt natürlich kein <td> stehen, wenn die Tabelle gescrollt wird, also versuche ich es mit <div>.
Da ergeben sich folgende Fragen:
1. Wenn Qu1 _width:11em;_ hat, was hat dann Qu2 ?
_100%_ geht über den rechten BS-Rand hinaus, _auto_ füllt nicht bis zum Rand und _100%-11em_ mag er nicht rechnen.
2. In Qu1 und Qu2 möchte ich den text unten anordnen, aber _vertical-align:bottom_ wird ignoriert, obwohl _height:6em_ klar definiert ist. Da muss ich dann doch wieder zur Tabelle innhalb des <div> greifen ?
Muss bei diesem Layout von vornherein eine Tabelle genommen werden ?
LG Kalle