height 100% bei zwei div´s übereinander...

sn4ke · #1 (**permalink**) 10.11.2005, 17:31

Hi,

hab ein problem mit der höhe wenn die beiden divs übeienander sind:

box_1 ist 50 pixel hoch

box_2 soll 100% hoch sein

jetzt ist box_2 aber genau um 50 pixel länger und ich bekomme ein scrollbalken....

hab es schon mit

margin-top

und

padding-top

versucht bringt aber nix

wer kann helfen?

hier mein beispiel:

http://www.plexed.de/css/index.html

code:

Code:

<style type="text/css">

html {
	height:100%;
	margin:0;
	padding:0;
}

body {
	height:100%;
	margin:0;
	padding:0;
}

#box_1 {
	position:absolute;
	top:0px;
	left:5px;
	width:500px;
	height:50px;
	background-color:#009900;
	z-index:2;
}

#box_2 {
	position:absolute;
	left:5px;
	top:50px;
	width:500px;
	height:100%;
	background-color:#FF9900;
	z-index:1;
}

</style>

</head>

<body>
	<div id="box_1"></div>
	<div id="box_2">hallo</div>
</body>
</html>

The Doc · #2 (**permalink**) 10.11.2005, 17:57

100% = Höhe der parent node, in diesem Fall body, sprich die Höhe deines Browserfenster.
50px + 100% => Scrollbalken.
Du musst das 50px-Div per position:absolute; aus dem Textfluss nehmen, dann müsste es gehen.

sn4ke · #3 (**permalink**) 10.11.2005, 18:03

hab alle positionen durchprobiert... bringt nix

oder was meinst du mit

Zitat:

...aus dem Textfluss nehmen,...

thx

kadees · #4 (**permalink**) 10.11.2005, 18:45

Wie The Doc schon sagte:

100% = Höhe der parent node, in diesem Fall body, sprich die Höhe deines Browserfenster.
50px + 100% => Scrollbalken.

probiers so:

Code:

...
#box_2 {
   position:absolute;
   left:5px;
   top: 0px;
   padding-top: 50px;
...

sn4ke · #5 (**permalink**) 10.11.2005, 19:16

funktioniert leider auch nicht...

ulle · #6 (**permalink**) 10.11.2005, 19:18

http://www.xhtmlforum.de/viewtopic.php?t=4465

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Verschiebungen bei größerem Bildschirm	seelefant	CSS	4	28.07.2014 15:43
CSS von Plugin beisst!	expand	CSS	0	28.09.2012 17:44
Div Positionen in Firefox falsch	ozero	CSS	4	17.07.2009 22:35
prblemme mit mein inhalt div	carlos587261	CSS	3	23.04.2008 14:07
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22