Der Martin: Tabelle wird unnötig nach unten gezogen nach div-setzung

Beitrag lesen

Hallo,

ich habe eine Tabelle mit zwei Zeilen und jeweils nur einer Spalte.

das deutet stark auf einen Einsatz von Tabellen für Layoutzwecke hin ...

In der ersten sind drei Divs positioniert. Jedoch wird die Tabelle jetzt nach unten hin unnötig lang gezogen.

Könntest du das etwas genauer beschreiben?

Ich habe schon versucht die Zeilenhöhe der ersten Zeile mit CSS zu definieren, brachte aber nichts.

Hmm. Auch das ist mir nicht ganz klar.

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(bilder/hintergrund.jpg);
}

Dass man das auch zu margin:0; zusammenfassen könnte, ist dir bewusst?

#apDiv1 {
position:relative;
left:0px;
top:0px;
width:250px;
height:290px;
z-index:3;
background-color: #009;
}
#apDiv2 {
position:relative;
left:250px;
top:-288px;
width:740px;
height:32px;
z-index:1;
}
#apDiv3 {
position:relative;
left:215px;
top:-285px;
width:700px;
height:330px;
z-index:2;
background-color: #990;
}

Bist du dir darüber im klaren, was position:relative; eigentlich macht? Es verschiebt ein Element gegenüber seiner Normalposition, lässt aber den ursprünglichen Platz/Platzbedarf bestehen. Deine Tabellenzeile muss also mindestens 290+32+330 = 652 Pixel hoch sein.
Entweder weißt du also nicht genau, was du tust - oder ich verstehe es nicht. Sinnvoll erscheint es mir jedenfalls nicht.

Pfrohes Pfingstpfest,
 Martin

--
Noch Fragen? - Ich weiß es auch nicht.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(