webForumDet fria alternativet

Problem med float i NS + Firefox

8 svar · 337 visningar · startad av pennypacker

pennypackerMedlem sedan mars 200287 inlägg
#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>
boxar.gif
dectgapMedlem sedan sep. 20021 542 inlägg
#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 200287 inlägg
#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 542 inlägg
#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 200287 inlägg
#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 200287 inlägg
#6

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

pennypackerMedlem sedan mars 200287 inlägg
#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 432 inlägg
#8

Om du flyttar b till samma div som a?

<div>
box a
box b
</div>
<div>
box c
</div>
pennypackerMedlem sedan mars 200287 inlägg
#9

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

Genererad på 368 ms · cache AV · v20260730165559-full.f96bc7eb