Problem med float i NS + Firefox

8 svar · 337 visningar · startad av pennypacker 16 mars 2005

pennypackerMedlem sedan mars 200291 inlägg

Frågan16 mars 2005 14:09#1

Jag har tre boxar som jag vill rada upp bredvid varandra när plats finns. Problemet är att jag inte får det att funka i Netscape eller Firefox. Jag vill att box B ska hamna brevid box A om plats finns samt att box C då lägger sig under box B. I NS och Firefox hanmar dessvärre båda två under box A.

Se bifogad bild.

Följande kod använder jag mig av:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
</head>

<body>
<div style="float:left;">
<img src="a.gif" width="300" height="300" alt="" border="0">
</div>

<div style="float:left;">

<div style="float:left;">
<img src="B.gif" width="150" height="150" alt="" border="0">
</div>
<div style="float:lefts;">
<img src="C.gif" width="150" height="150" alt="" border="0">
</div>

</div>
</body>
</html>

dectgapMedlem sedan sep. 20021 655 inlägg

16 mars 2005 14:22#2

<div>
<img src="a.gif" width="300" height="300" alt="" border="0" style="float:left;">

<img src="B.gif" width="150" height="150" alt="" border="0" style="float:left;">

<img src="C.gif" width="150" height="150" alt="" border="0" style="float:left;">
</div>

pennypackerMedlem sedan mars 200291 inlägg

16 mars 2005 14:57#3

Ok, nu hade jag tänkt byta ut bilderna mot information. Så bilderna var egentligen mest för att illustrera problemet.

dectgapMedlem sedan sep. 20021 655 inlägg

16 mars 2005 15:03#4

Det går alldeles utmärkt att byta ut bilderna mot något annat:

<div>

<p style="float:left; width: 300px; height: 300px; border: solid;">Textstycke 1</p>

<p style="float:left; width: 150px; height: 150px; border: solid;">Textstycke 2</p>

<p style="float:left; width: 150px; height: 150px; border: solid;">Textstycke 3</p>

</div>

pennypackerMedlem sedan mars 200291 inlägg

16 mars 2005 15:15#5

Det visar sig att koden inte fungerar i Opera för Mac. Det blir sidoscroll eftersom själva float-funktionen inte verkar fungera. Nån lösning till detta?

pennypackerMedlem sedan mars 200291 inlägg

18 mars 2005 11:50#6

Finns det någon motsvarighet till float som fungerar för Opera på MAC?

pennypackerMedlem sedan mars 200291 inlägg

23 mars 2005 11:02#7

Hur gör jag för att de två boxarna inte ska hamna under box a när fönstret blir för litet. Jag vill att box b alltid ska ligga till höger om box a. Sätter jag float:left på alla så kommer dom att hamna under box a.
Nån som fattar vad jag menar?

OlleBoopMedlem sedan feb. 20001 861 inlägg

23 mars 2005 11:10#8

Om du flyttar b till samma div som a?

<div>
box a
box b
</div>
<div>
box c
</div>

pennypackerMedlem sedan mars 200291 inlägg

23 mars 2005 11:26#9

Då kan jag iofs aldrig få box c under box b. Får nog lösa det med tabellstruktur verkar det som.