baeckerman83: 2 DIVs flexible höhe, linker scrollbar?

Beitrag lesen

SELF-Forum

2 DIVs flexible höhe, linker scrollbar?

baeckerman83
– Informationen zu den Bewertungsregeln

Om nah hoo pez nyeetz, baeckerman83!

Der Linke DIV soll Scrollbar sein und sich an der Höhe des rechten DIVs halten.

heißt das,
* das linke div-Element soll stets die gleiche Höhe wie das rechte haben, ggf. auffüllen, ggf. Scrollleisten einblenden?
* die beiden div-Elemente sollen auf derselben Höhe beginnen?
* ...

Matthias

Ja genau das Linke soll sich an das rechte anpassen, denn das Linke ist länger als das rechte. Und das soll dann ggf. Scrolleisten einbauen. Zur Zeit sind es zwei floats. Mit dem absolut werten klappte es ach net.
So habe ich es jetzt, leider klappt es nicht so wie es soll. Vielleicht kann mal jemand schauen. :)

  
<body>  
<div id="site" >  
	<div id="header">Hier kann Werbung hin</div>  
	<div id="container" class="clearfix">  
	<div id="left">Hier lange Höhe</div>  
	<div id="main">Hier dann niedrig</div>  
	</div>  
	<div id="footer">Das ist der Footer....</div>  
	</div>  
</body>  


  
body{  
	background-color:#000000;  
}  
  
#site {  
	width: 70em;  
	margin:0 auto;  
	background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;  
}  
  
#header {  
	margin: 0;  
	padding: 0;  
	background-color: #FFFFFF;  
}  
  
#container {  
	width: 70em;  
	margin: 0;  
	padding: 0;  
	background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;  
}  
  
#left {  
	float: left;  
	width: 20em;  
	margin: 0;  
	padding:0 0 0 0;  
	color:#ff0000;  
        overflow:auto;  
	background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;  
}  
  
#main {  
	float: left;  
	width: 50em;  
	background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;  
	padding: 0;  
	margin: 0;  
}  
  
#footer {  
	clear: left;  
	background-color: #FFFFFF;  
	padding: 0;  
	margin: 0;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln