---
title: "CSS fråga om bakgrundsbilder och, ja, 100% höjder... :)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/142045-css-fråga-om-bakgrundsbilder-och-ja-100-höjder"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "pakmannen"
published: "2006-02-05T18:11:26.000Z"
updated: "2006-02-05T18:53:48.000Z"
replies: 1
views: 422
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/142045-css-fråga-om-bakgrundsbilder-och-ja-100-höjder"
---

# CSS fråga om bakgrundsbilder och, ja, 100% höjder... :)

## #1 — pakmannen, 2006-02-05T18:11Z

Okej, håller på att bli tokig här när jag försöker koda en sida som funkar korrekt i både Mozilla och IE. Har lyckats skapa sidan en gång för först Mozilla, och sen en gång för IE, men kan ta mig tusan inte göra så det funkar i båda...

[Den här skissen förklarar förhoppningsvis hur det är tänkt att fungera](http://www.tjoff.com/example.gif)

Problemet är (som vanligt) att mozilla och ie hanterar height och min-height olika. Just nu har jag det ungefär så här:

```
<div id="wrapper">	
	<div id="left">spalten till vänster</div>		
	<div id="nav">menyn längst upp</div>
	<div id="content">brödtexten</div>
</div>
```

Med ungefär denna css:

```
html,body {			
	height:100%;
	font-size:13px;
}
#wrapper {			
	height:100%;			
	background:url("images/bodyBg.gif") no-repeat bottom right;
}
#left {			
	float:left;
	width:160px;			
	min-height:100%;
	background:#FF6600 url("images/leftBg.gif") no-repeat;
}
#nav {
	padding-top:100px;
	background:#FF9900 url("images/topBg.gif") no-repeat right;
}
#content {
	float:left;
	width:500px;
}

<!--[if IE]>
<style type="text/css">
#left {height:100%}
#wrapper {height:100%}
</style>
<![endif]-->
```

Denna versionen funkar bara i IE tyvärr, bakgrunderna fortsätter inte nedanför skärmkanten i Mozilla. Hur skulle ni koda den här sidan på enklast möjliga sätt, så den fungerar för de flesta browsers?

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

## #2 — tanten, 2006-02-05T18:53Z

Hur ser din rightbottom-div ut?  Det är det enda som jag kan se som kan styra din höjd. Absolut positionering och top:xxx px; right:0px;
Så hade jag nog tagit med wrappern ner med float:left; och height: auto; kanske också med den oranga bakgrundsfärgen. 
Du får testa...  ;) 
Om det inte fungrar så får du kanske skriva den riktiga koden och inte ungefär  och kanske lite mer. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/142045-css-fråga-om-bakgrundsbilder-och-ja-100-höjder