div:ar som containers i mozilla & co

Ok, jag førsøker komma ifrån tabeller i designen men har føljande problem:

Før att få två div:ar bredvid varandra anvænder jag float:right och float:left. Detta skapar dock problem nær man skall ha en div som container runt text før att skapa en ram. De inneliggande divarna påverkar ju då inte længden på containern, vilket kanske inte ær så konstigt eftersom de skall "flyta" ovanpå. Men detta uppstår alltså endast i opera och netscape liknande browsers. Det ær sækerligen IE som uppfør sig fel men hur kan man komma tillrætta med det?

Førstod alla mitt problem?

MVH
Richard

För att få den omgivande containern att flyta med så får man dels inte sätta någon höjd på den, dels så måste du lägga till <br clear="all"> efter dina float:

<div style="border: 1px solid black; width: 400px;">
<div style="float: left;">Hej</div>
<div style="float: right;">Svejs</div>
<br clear="all">
</div>

Vill du ha en minimihöjd så kan du sätta den genom att lägga en transparent bild:

<div style="border: 1px solid black; width: 400px;">
<img src="transparent.gif" width="1" height="200" align="right">      
<div style="float: left;">Hej</div>
<div style="float: right;">Svejs</div>
<br clear="all">
</div>

GULD!

Tack før det utmærkta svaret!

xhtml

Kanske kan vara av intresse att veta att man måste anvænda

{clear:both}

før att få samma effekt i css