---
title: "problem med float:left;"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/143728-problem-med-float-left"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Ann-Sofie"
published: "2006-03-10T11:42:48.000Z"
updated: "2006-03-10T13:05:59.000Z"
replies: 1
views: 295
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/143728-problem-med-float-left"
---

# problem med float:left;

## #1 — Ann-Sofie, 2006-03-10T11:42Z

Jag har en css mall där jag har en del som jag kallar meny.
Om jag använder float:left; så ser det jättebra ut i netscape medan det i explorer hoppar iväg ett "steg".
tar jag bort float:left; ser det jättebra ut i explorer medan den i netscape flyger upp längst upp i hörnet.

hur löser man det här? skickar med css-koden och det är meny som är problemet.

mvh
fia

\[CODEbody,td,th {
	color: #000000;
}
body {
	background-color: #ffffff;
}
.rubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.meny {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
}

\#box_stor
{
	padding: 10px;
	height: 425px;
	width: 301px;
	border: 1px solid #999999;
	background: #FFFFFF;
	margin-left:20px;
	margin-right:5px;
	margin-top:22px;
	margin-bottom:10px;
	float:left;
	}
	
\#box_storbild
{
	height: 425px;
	width: 301px;
	background: #FFFFFF;
	margin-left:20px;
	margin-right:5px;
	margin-top:22px;
	margin-bottom:10px;
	float:left;
	}
\#box_1
{
	height: 282px;
	width: 199px;
	background: #FFFFFF;
	margin-left:3px;
	margin-top:22px;
	float:left;
	}
	
	\#box_2
{
	height: 282px;
	width: 199px;
	background: #FFFFFF;
	margin-left:3px;
	margin-top:22px;
	float:left;
	}

\#box_3
{
	height: 170px;
	width: 199px;
	background: #FFFFFF;
	margin-left:3px;
	margin-top:22px;
	margin-right:5px;
	float:left;
	}
	
	\#box_meny
{
	height: 130px;
	width: 593px;
	background: #cccccc;
	margin-left:4px;
	margin-top:14px;
	margin-bottom:10px;
	margin-right:5px;
	float:left;
	}

.12px {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.10px {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.9px {font-size: 9; font-family: Verdana, Arial, Helvetica, sans-serif;}

.meny 12{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

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

## #2 — Ann-Sofie, 2006-03-10T13:05Z

Jag har löst det genom att lägga till en "containerbox" som en platta bakom och då funkar det. Fast jag har nog snurrat till det ett varv för mycket så jag ska sätta mig och försöka reda ut det när stressen har lagt sig.

fia.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/143728-problem-med-float-left