Box Positionieren

von **holgerb** » 12.01.2007, 14:34

Hallo,

ich möchte zwei DIV boxen schachteln, dabei soll die "child" box unten in dem Elternelement positioniert werden.

Also etwa so:

<html>
<head>
<title>CSS Test</title>
</head>
<body>
<div>

<div>

Hallo Welt

</div>
</div>
</body>
</html>

Es sollte eine rote Box am Boden einer Grünen box angezeigt werden. Leider ist alles schön sauber am oberen Rand ausgerichtet.

IE6.0 und Feuerfuchs 1.5 getestet.
Muss ich nun doch eine Tabelle verwenden?

Gruß
Holger

von **LuphiSoft** » 12.01.2007, 15:30

Hast du schon eine CSS Datei angelegt?

Du definierst z.b. eine div-klasse die layout heißt und eine klasse die footer heißt...
Dann weißt du denen die Position zu und fertig. Ich schreib heute Abend vill nen Code dazu, bin gerade noch in der Schule.

von **holgerb** » 12.01.2007, 16:08

Hallo,

irgendwas stimmte mit meinem Code beispiel nicht. Das hier habe ich probiert:

Code: Alles auswählen: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS Test</title> </head> <body> <div style=" height: 200px; width: 200px; background-color:#00ff00; positon: absolute; bottom:0px"> <div style=" height: 50px; width: 100%; background-color:#ff0000; positon: absolute; bottom:0px"> Hallo Welt </div> </div> </body> </html>

von **Laus** » 15.01.2007, 17:09

Hallo

Nimm das position absolut mal raus aus deinem CSS.
Deiner 2 Box also der Kind box gibst du dann ein

Code: Alles auswählen: <div style=" height: 50px; width: 100%; background-color:#ff0000; margin-top:150px;">

Dann müsste es klappen.
Gruß Xaver

Box Positionieren

Box Positionieren

Ähnliche Beiträge zu "Box Positionieren"

Wer ist online?