nicht angemeldet
Tabelle wird unnötig nach unten gezogen nach div-setzung
Der MartinHallo Gemeinde,
ich habe eine Tabelle mit zwei Zeilen und jeweils nur einer Spalte. In der ersten sind drei Divs positioniert. Jedoch wird die Tabelle jetzt nach unten hin unnötig lang gezogen. Ich habe schon versucht die Zeilenhöhe der ersten Zeile mit CSS zu definieren, brachte aber nichts. Habe momentan keine Idee wo der Fehler liegen könnte. Hier mal mein Code. Ich würde mich über Hilfe sehr freuen.
<style type="text/css">
}
body,td,th {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(bilder/hintergrund.jpg);
}
#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;
}
</style>
</head>
<body>
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="0" align="left" valign="top" style="height: 325px;">
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv3"></div></td>
</tr>
<tr>
<td align="left">test</td>
</tr>
</table>
Gruß
Stefan
-
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:(-
Um es kurz zu veranschaulichen:
KlickIch möchte eine zentrierte Seite bauen. Auf der linken Seite soll eine Box für die Navigation sein. In der Mitte soll eine kleine Diashow durchlaufen. Im oberen Teil kommen noch ein paar Links hinein. Die blaue Navibox soll aber über der braunen Diashow überlappen. Wie kann ich das denn am klügsten anstellen? Bitte habt Nachsicht, bin ein Profi.
Gruß
Stefan-
[latex]Mae govannen![/latex]
Bitte habt Nachsicht, bin ein Profi.
Verd... kann mal jemand die Zitatesammlung reparieren?
Stur lächeln und winken, Männer!
Kai--
Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken
in Richtung "Mess up the Web".(suit)
SelfHTML-Forum-Stylesheet-
[latex]Mae govannen![/latex]
Bitte habt Nachsicht, bin ein Profi.
Verd... kann mal jemand die Zitatesammlung reparieren?
Stur lächeln und winken, Männer!
Kaisollte KEIN heissen... das "k" verschluckt ;)
-
-
-
