breedte van box afhankelijk van content

[htca]

Voor een kennis ben ik een statische site aan het maken, maar ik stuit op een probleem. Ik maak gebruik van CSS met daarin 5 blokken gedefinieerd. hdt, hdr hdl, menu en rh-col.
Voor de beide onderstaande pagina's gebruik ik dezelfde stylesheet en bovendien gebruik ik de zelfde pagina. Alleen de inhoud van rh-col is anders. Het gekke is dat in firefox de layout wel goed is maar in ie6 niet van pagina 2.
De CSS code van rh-col:

code:

#rh-col{
 color: #333333;
 border: 2px solid lightgreen;
 padding: 40px;
 top: 149px;
 left: 210px;
 right: 70px;
 position :absolute;
 filter: alpha(opacity='75');
 background-color: #ffffff ;
 moz-opacity: 0.75;
 opacity: 0.75;
 }

De beide pagina's:
goed
fout

Overbodig, maar ik wil dat de box zich aanpast aan de window breedte.

[crisp]

IE snapt het niet als je zowel left als right opgeeft zonder expliciete width.

[ Voor 4% gewijzigd door crisp op 26-08-2004 23:18 ]

[htca]

crisp schreef op 26 augustus 2004 @ 23:18:
IE snapt het niet als je zowel left als right opgeeft zonder expliciete width.

Moet ik dan zorgen dat ik altijd een paragraaf heb die de breedte van mijn scherm overtreft qua lengte (dat is het enige verschil zie ik nu tussen beide pagina's)

[RwD]

Of alternatief kun je die div binnenin een andere div zetten. En dan nog wat toveren met elementen en of eigenschappen.

[htca]

Ik heb de boel maar met relatieve posities opgelost

code:

#rh-col{
 margin: 0px 70px 20px 220px;
 border: 2px solid lightgreen;
 background: #ffffff;
 color: #333333;
 padding: 20px;
 position :relative;
 filter: alpha(opacity='75');
 background-color: #ffffff ;
 moz-opacity: 0.75;
 opacity: 0.75;
 }