Clanintern Clanintern Clanintern

Forum

Öffentliche Foren
FORUM: Spiele & Computer THEMA: div im div Layout
AUTOR BEITRAG
Ynusis

RANG Deckschrubber

#1 - 08.04 13:06

Das Html sieht ca. so aus:

code:

[...]
<style type="text/css">
*
{
margin: 0;
padding: 0;
border: 0;
}

html, body
{
height: 100%;
}

#container
{

background-color: grey;
width: 1000px;
}

#left
{
clear: right;
float: left;
width: 100px;
}

#right
{
float: right;
width: 100px;
}

#content
{
float: left;
width: 800px;
}

#breaker 
{
clear: both;
}
</style>

[...]

<div id="container">
<div id="left">left</div>
<div id="right">right</div>
<div id="content">content</div>
<div id="breaker"></div>
</div>

[...]



http://michael.widdix.de/Bildschirmfoto.png
http://michael.widdix.de/Bildschirmfoto-1.png
http://michael.widdix.de/Bildschirmfoto-2.png
http://michael.widdix.de/Bildschirmfoto-3.png

Auf den Scrollbalken achten!

Also das Problem ist, dass ich entweder für Inhalt der kleiner als die Seitenhöhe ist den Hintergrund setzen kann oder andersrum. (Nein, ich kann den nicht aufn Body setzen)

Bisher zieh ich den Container mit Javascript auf die richtige Höhe, aber die Lösung is wohl nicht die tollste.
poky *geisteskranke Sensation*

RANG God

#2 - 08.04 14:03

code:
 #container
{

background-color: grey;
width: 1000px;
min-height: 100%;
height: auto !important;
height: 100%;
}


?
Ynusis

RANG Deckschrubber

#3 - 08.04 16:42

Scheint im FF2, IE6, IE7 und Opera9.1 zu gehen.

Nicht funktionieren tut es z.B. im Mozilla 1.7.13 (ka ob den wer benutzt).

Wäre noch interessant zu wissen, wie es in anderen Browsern aussieht.

http://michael.widdix.de/test.html

Die Frage is, ob das graue bis zum Ende der !!!! fortgesetzt wird.
aaf

RANG Lord of Clanintern

#4 - 08.04 20:45

ff2 mac + safari tuns auch.
poky *geisteskranke Sensation*

RANG God

#5 - 09.04 11:18

kannste ja mit browsershots.org mal testen.