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

SELF-Forum

2 DIVs flexible höhe, linker scrollbar?

baeckerman83
– Informationen zu den Bewertungsregeln

Hiho!
ich habe zwei DIVs die per Float neben einander sind. Beide haben eine flexible höhe. Der Linke DIV soll Scrollbar sein und sich an der Höhe des rechten DIVs halten. Der Inhalt des rechten DIVs kommt aus der Datenbank.
geht das irgendwie? Oder geht das nur, wenn man eine fixe höhe einträgt?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. 2 DIVs flexible höhe, linker scrollbar?

    dave
    – Informationen zu den Bewertungsregeln

    Hi,

    wenn beide floaten geht das AFAIK nicht.

    So geht's:

    …  
<body>  
    <div class="foo">foo</div>  
    <div class="bar">bar</div>  
</body>  
…

    body {  
    position:relative;  
}  
.foo {  
    background:orange;  
    position:absolute;  
    width:50%;  
    top:0;  
    bottom:0;  
    left:0;  
    overflow:auto;  
}  
.bar {  
    background:lightblue;  
    margin-left:50%;  
    height:100px;/* kann natürlich auch abhängig vom Inhalt sein, nur zur Verdeutlichung */  
}​

    ~dave

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. 2 DIVs flexible höhe, linker scrollbar?

    Matthias Apsel Homepage des Autors
    – 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

    --
    1/z ist kein Blatt Papier.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. 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

      1. 2 DIVs flexible höhe, linker scrollbar?

        dave
        – Informationen zu den Bewertungsregeln

        Hi,

        was ist jetzt daran falsch?

        ~dave

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. 2 DIVs flexible höhe, linker scrollbar?

          Baeckerman83
          – Informationen zu den Bewertungsregeln

          Hi,

          was ist jetzt daran falsch?

          ~dave

          Das ich da auch keine Scrollbalken habe. Erde das wohl mal ohne Inhalt testen müssen.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln