div:ar som containers i mozilla & co

3 svar · 202 visningar · startad av Riri 12 aug. 2002

RiriMedlem sedan dec. 2000182 inlägg

Frågan12 aug. 2002 13:23#1

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

MatteMedlem sedan aug. 20002 975 inlägg

12 aug. 2002 20:46#2

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>

RiriMedlem sedan dec. 2000182 inlägg

13 aug. 2002 07:21#3

GULD!

Tack før det utmærkta svaret!

RiriMedlem sedan dec. 2000182 inlägg

14 aug. 2002 11:52#4

xhtml

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

{clear:both}

før att få samma effekt i css