---
title: "Firefox strular till det"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/117971-firefox-strular-till-det"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Impact"
published: "2004-12-13T20:48:12.000Z"
updated: "2004-12-13T21:46:54.000Z"
replies: 2
views: 348
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/117971-firefox-strular-till-det"
---

# Firefox strular till det

## #1 — Impact, 2004-12-13T20:48Z

Håller på med ett lite annorlunda projekt. Sidan ska givetvis fungera både i IE och andra webbläsare. Men nu när jag testade den i FF så blev det lite knas.
Problemet är att en div inte vill gå hela vägen ner till min footer vilket medför att man ser bakgrunsbilden.
Några idéer på gur jag fixar detta.

URL till sida: <http://www.bostream.nu/kimblad/blog/>
CSS:

```
body {
	background-image:url(bg.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
div {
	background-color:#FFFFFF;
}

div#header {
	width:600px;
	height:210px;
	margin-left:100px;
}

.meny {
	height:25px;
	
}

ul {
 	padding: 0;
	margin: 0;
	list-style: none;
 }

li {
 	float:left;
 	position: relative;
 	height:25px;
 	width:20%;
 	text-align:center;
 	background-color:#CCD8DF;
 	letter-spacing:2px;
	padding-top:9px;
}

.nohover {
	text-decoration:none;
	color:#000000;
}

div#content-sub-2 {
	width:435px;
	float:left;
}

div#content-sub-3 {
	width:150px;
	clear:right;
	float:right;
	padding-left:5px;
	border-left-style:dotted;
	border-left-color:#CCD8DF;
}

div#footer {
	clear:both;
	width:600px;
	height:40px;
	margin-left:100px;
	color:#C0C0C0;
	letter-spacing:2px;
	text-align:center;
}

#runt {
	width:600px;
	margin-left:100px;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#668B9E;
	padding-left:25px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#668B9E;
	padding-left:25px;
}

.spacer {
	border:0px;
	height:0px;
	clear:both;
	width:0px;
	margin-left:100px;
}

.logotext {
	padding-right:28px;
	padding-top:1px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:right;
}
```

Bilagor:

- [firefox.jpg](https://www.webforum.nu/a/5103.jpg)

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

## #2 — jarvklo, 2004-12-13T21:41Z

Hmm...

Ett sätt kan vara att lägga en ny \<div\> runt de fyra div:arna 

```
[b]<div>[/b]

<div class="content-sub" id="content-sub-2">
...
</div>
<div class="content-sub" id="content-sub-3">
...
</div>
<div class="spacer"></div>
</div>
<div id="footer">
...
</div>

[b]</div>[/b]
```

och sedan sätta **margin-left:0** på #footer...

På så sätt får du en vit bakgrund (från den nya \<div\>:en ) som garanterat täcker gliporna mellan de övriga fyra oavsett webbläsare ;)

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

## #3 — Impact, 2004-12-13T21:46Z

Återigen har du hjälpt mig jarvklo.
Tusen tack!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/117971-firefox-strular-till-det