---
title: "Problem med CSS och divs."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/141266-problem-med-css-och-divs"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Fredde Mannen"
published: "2006-01-21T19:59:06.000Z"
updated: "2006-01-24T02:40:11.000Z"
replies: 8
views: 443
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/141266-problem-med-css-och-divs"
---

# Problem med CSS och divs.

## #1 — Fredde Mannen, 2006-01-21T19:59Z

Sidan, utan html, body, och så. :)

```
<div id="MainDiv">
	<!-- Top -->
	<div id="TopDiv"><!--#include file="_inc/top.asp"--></div>	
	<!-- end top -->

	<!-- menu -->
	<div id="MenuDiv"><!--#include file="_inc/inc_menu.asp"--></div>
	<!-- end menu -->

	<!-- Left side -->
	<div id="LeftContentDiv"><!--#include file="_inc/loginform.asp"--></div>
	<!-- end left side -->

	<!-- Content div -->
	<div id="MainContent">
		<div id="PageSubject">&nbsp;Välkommen!</div>
		<div id="PageContent">Ha ha ha... </div>
	</div>
	<!-- end content div -->
	
	<!-- Bottom div -->
	<div id="BottomDiv">
		<div id="CopyrightDiv">&copy; 2005 Goshin Ryu Jujutsu</div>
		<div id="InfoDiv">Info...</div>
	</div>
	<!-- end bottom div -->
</div>
```

CSS-mallen! 

```
#TopDiv {
	width: 781px;
}

#MainDIv {
	padding: none;
	width: 781px; 
	height: 100%; 
	border: none;
}

#MenuDiv {
	height: 20px;
	width: 781px;
	border-bottom: solid 1px #545454;
	border-top: solid 1px #545454;
	background-color: #232323;
}

#LeftContentDiv {
	float: left;
	border-right: solid 1px #545454;
	border-left: 0px;
	background-color: #000000;
	width: 163px;
	height: 80%;
	margin: none;
}

#MainContent {
	background-color: #333333;
	float: right;
	height: 80%;
	width: 617px; 
}

#BottomDiv {
	border-top: solid 1px #545454;
	width: 781px;
	height: 20px;	
}

#CopyrightDiv {
	background-color: #000000;
	float: left;
	height: 15px;
	width: 164px; 
	border-right: solid 1px #545454;

	color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#InfoDiv {
	background-color: #333333;
	float: left;
	height: 15px;
	width: 617px;

	color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

}
```

Men den cp:ar sig, den visar den sista punkten i texten i PageContent på ett hel skumt ställe..   :l 

Kolla det vita fältet näst längst ned, där åtefinns punkten, där skall den inte vara, hur fasiken kommer det sig.. har jag fuckat upp med div:arna eller?

Bilagor:

- [layout.jpg](https://www.webforum.nu/a/9359.jpg)

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

## #2 — Fredde Mannen, 2006-01-22T11:15Z

Nobody? :q

Det fula är att den funkar prima fint i firefox, men strular i IE, då blir det den där vita randen längst ned.. skriver jag ingen text alls, då blir det fin fint i IE! stört.

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

## #3 — pimpN, 2006-01-22T11:24Z

Jaha, nej men Internet Explorer gör ju som bekant precis hur det vill. Microsoft's webbläsare försöker att rätta till det som \_kan vara\_ fel och gissar för att du som webbdesigner ska bli nöjd.

Detta för att det finns många som inte kan koda rätt. När de kodar lite fel blir det alltså oftast som de tänkt sig ändå med Internet Explorer.

Nybörjarna säger "Heey, det där Firefox är gammalt och har inte stöd för den senaste tekniken. Alla hemsidor ser konstiga ut i Firefox."

Men det är ingenting att göra åt. Vi får väl vänta på Internet Explorer 7 som säkert 1/4 har hunnit uppdatera till om 3-4 år.

gl hf världen!

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

## #4 — Fredde Mannen, 2006-01-22T11:32Z

Men men men... asså .. men var tusan har jag kodat fel då? :q :)

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

## #5 — Fredde Mannen, 2006-01-22T11:43Z

Okei nu har jag löst det! Men nu har jag ett annat problem! \*asg\*

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

## #6 — Fredde Mannen, 2006-01-23T18:55Z

> **Fredde Mannen skrev:**
>
> Okei nu har jag löst det! Men nu har jag ett annat problem! \*asg\*

När man löser en sak händer en annan! :l

Nu har jag ett irriterande problem, jag har en div med en bakgrundsbild som 'är satt med 

```
background-image: url(foobar); background-repeat: no-repeat;
```

Funkar finemang i IE, men inte i firefox, alltså repeat grejen, funkar inte! 

Jag vill att bilden skall visas EN gång, inte fler. Funkar fint i IE men inte i FF.. :l 

Vad tror ni?

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

## #7 — Fredde Mannen, 2006-01-23T18:59Z

Never mind, halva diven försvann och gömde sig bakom en annan, som det inte var meningen att den skulle göra! :)

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

## #8 — pimpN, 2006-01-23T19:02Z

hm..

```
background: #FFF url("foobar.png"); background-repeat: no-repeat;
```

lycka till

// Oliver Olofsson

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

## #9 — kaxigt, 2006-01-24T02:40Z

Eller ännu enklare:

```
background: #FFF url("foobar.png") no-repeat;
```

  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/141266-problem-med-css-och-divs