nicht angemeldet
Hallo,
ich habe einen äußeren DIV-Container (mainright) in dem nebeneinander zwei DIVs sind (contentlinks und contentrechts).
Damit die DIVs nebeneinander positioniert sind, habe ich dem linken ein float:left gegeben. Das Problem ist nun, dass sich der äußere zwar mit dem Inhalt des rechten Containers anpasst, aber nicht mit dem des linken Containers, wohl wegen dem float:left.
Habe dem äußeren schon ein overflow:auto gegeben und damit klappt es auch im Firefox, aber nicht im IE6.
Auf position:absolute kann ich das mainright auch nicht setzen, weil's mir sonst im IE rechts zu breit wird und ich aber eine von der Fenstergröße variable Breite haben möchte.
Dann hatte ich hier eine Lösung mit einem Breaker gefunden, aber die funktioniert auch nicht, denn dann wird mir das DIV im IE wieder rum zu weit aufgezogen, nämlich so weit wie das bgleft bzw. das menu und nicht wie das contentlinks.
Habe folgendes versucht:
<div id="bgleft">
<div id="menu">
<p>hier ist das menu</p>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
</div>
</div>
<div id="bgright">
<div id="mainright">
<div id="contentlinks">hier steht der linke content</div>
<div id="contentrechts">und hier der rechte content</div>
<div id="breaker"></div>
</div>
</div>
#bgleft {
float:left;
width:190px;
}
#menu {
float:left;
width:190px;
}
#bgright {
margin-left:200px;
}
#mainright {
overflow:auto;
}
#contentrechts {
margin-left:160px;
text-align:justify;
}
#contentlinks {
float:left;
width:150px;
}
#breaker {
clear:both;
height:1px;
overflow:hidden;
}
Habt Ihr eine Idee?
Gruß
Sam