---
title: "Problem med float i NS + Firefox"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/124480-problem-med-float-i-ns-firefox"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "pennypacker"
published: "2005-03-16T14:09:19.000Z"
updated: "2005-03-23T11:26:04.000Z"
replies: 8
views: 346
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/124480-problem-med-float-i-ns-firefox"
---

# Problem med float i NS + Firefox

## #1 — pennypacker, 2005-03-16T14:09Z

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>
```

Bilagor:

- [boxar.gif](https://www.webforum.nu/a/5824.gif)

Permalänk: https://www.webforum.nu/p/124480

## #2 — dectgap, 2005-03-16T14:22Z

```
<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>
```

Permalänk: https://www.webforum.nu/p/1573572

## #3 — pennypacker, 2005-03-16T14:57Z

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

Permalänk: https://www.webforum.nu/p/1573588

## #4 — dectgap, 2005-03-16T15:03Z

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>
```

Permalänk: https://www.webforum.nu/p/1573589

## #5 — pennypacker, 2005-03-16T15:15Z

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?

Permalänk: https://www.webforum.nu/p/1573597

## #6 — pennypacker, 2005-03-18T11:50Z

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

Permalänk: https://www.webforum.nu/p/1574430

## #7 — pennypacker, 2005-03-23T11:02Z

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?

Permalänk: https://www.webforum.nu/p/1579408

## #8 — OlleBoop, 2005-03-23T11:10Z

Om du flyttar b till samma div som a?

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

Permalänk: https://www.webforum.nu/p/1579411

## #9 — pennypacker, 2005-03-23T11:26Z

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

Permalänk: https://www.webforum.nu/p/1579413

---

Tråden på webben: https://www.webforum.nu/amne/html-css/124480-problem-med-float-i-ns-firefox
