Probleme mit PADDING und HEIGHT

html.de-Forum HTML, XHTML & CSS
1

Ich möchte folgendes Typo3 Template erstellen.
[INDENT] [I]

[B]
###CONTENT###
[/B]
###TOPMENU###
###LOGO###
###HEADIMAGE###
###MAINMENU###
[/I] [/INDENT]Für das div-Element mit der id content habe ich folgendes CSS: [INDENT][I]#content { position:absolute; top:0px; width:640px; background-color:#000; padding:180px 30px 0 30px; z-index:-5; text-align:left; }[/I] [/INDENT]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.

2

Den Text in ein

…

packen, so wie es sich gehört, und dem

…

 einen margin-top:180px; verpassen.

3

:wink: Danke schon mal für den Tipp.

Es funktioniert zwar soweit. Wenn ich jetzt allerdings um ###CONTENT### ein

…

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

…

.

Was habe ich hier noch übersehen?

4

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