Probleme mit PADDING und HEIGHT

[erlinger15]

Ich möchte folgendes Typo3 Template erstellen.

<div id="divtabelle"><table align="center" width="100%" id="tabelle"><tr><td>
<div id="middle">
<div id="content">###CONTENT###</div>
<div id="topmenu">###TOPMENU###</div>
<div id="maintop">
<div id="logo">###LOGO###</div>
<div align="right"><table height="115"><tr><td align="right">###HEADIMAGE###</td></tr></table></div>
</div>
<div id="mainmenu">###MAINMENU###</div>
</div>
</td></tr></table></div>
​

Für das div-Element mit der id content habe ich folgendes CSS:

#content {
position:absolute;
top:0px;
width:640px;
background-color:#000;
padding:180px 30px 0 30px;
z-index:-5;
text-align:left;
}
​

Wie ihr sehen könnt möchte ich das div-Element aboslut positionieren, so dass es unter den anderen div-Elementen verschwindet. Außerdem soll es 100% hoch werden und der Text soll erst bei 180px beginnen (padding).

Doch ich stehe vor folgendem Problem, bei dem mir nicht einmal mein Lehrer weiter helfen konnte. Das div-Element wird 100% + 180px vom padding hoch. Gibt es eine Möglichkeit, dass das div-Element nur 100% hoch wird, der Text trotzdem erst bei 180px beginnt?

Danke vorab für eure Hilfe.

 

[gruenspan]

Den Text in ein <p>...</p> packen, so wie es sich gehört, und dem <p>...</p> einen margin-top:180px; verpassen.

 

[erlinger15]

Den Text in ein <p>...</p> packen, so wie es sich gehört, und dem <p>...</p> einen margin-top:180px; verpassen.

;) Danke schon mal für den Tipp.

Es funktioniert zwar soweit. Wenn ich jetzt allerdings um ###CONTENT### ein <p>...<p> Tag gebe, wird der Text am oberen Bildschrimrand angezeigt. Allerdings so, dass man nicht einmal ein Drittel davon sieht.
Es ändert sich auch nichts wenn ich schreibe <p style="padding-top:180px">...</p>.

Was habe ich hier noch übersehen?

 

[gruenspan]

Das liegt an deiner absoluten Positionierung. Weg damit

edit: Warum packst Du Deine DIV's in eine Tabelle um sie hinterher wieder mit position:absolute; aus dem natürlichen Dokumentenfluß zu nehmen.Tabelle weg, absolute Positionierung weg und deine DIV's formatierst Du mit CSS...feddisch