---
title: "100% Height"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/132781-100-height"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "nummersju"
published: "2005-08-15T07:25:52.000Z"
updated: "2005-08-15T12:29:37.000Z"
replies: 15
views: 375
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/132781-100-height"
---

# 100% Height

## #1 — nummersju, 2005-08-15T07:25Z

Hoppas att någon skulle kunna kolla på detta och säga vad som är fel...
Firefox vill inte fatta :P
Marginalen till vänster är större i FF och det verkar finnas en top-margin som inte ska vara där :P

<http://nummersju.net/gute1/>
<http://nummersju.net/gute1/style.css>

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

## #2 — Insider, 2005-08-15T07:53Z

För att slippa tänka på hur marginaler och indrag uppträder i olika webläsare så bör man lägga in en global nollning av dessa och sedan sätta det mer specifikt på de element där det behövs.
Lägg till följande högst upp i style.css:

```
* {
    margin:0;
    padding:0
}
```

Sätt inga marginaler på html, body{}
I FF blir det dubbelt så mycket; alltså 40px.
Lägg det istället på #container:

```
#container {
     margin:0 auto 0 20px;
}
```

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

## #3 — nummersju, 2005-08-15T07:58Z

Tackar och bockar!  :birp

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

## #4 — nummersju, 2005-08-15T08:04Z

Nu dök ett nytt problem upp :S

Det ska fortfarand se ut som i IE...

<http://nummersju.net/gute1/>
<http://nummersju.net/gute1/style.css>

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

## #5 — Insider, 2005-08-15T08:26Z

Det är marginlen på #annons som ger glappet.
Kör med padding-top:10px; på #container istället.

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

## #6 — icaaq, 2005-08-15T08:47Z

Tjenare.

1\. Använd en [korrekt DTD](http://www.w3.org/QA/2002/04/valid-dtd-list.html)
2\. Nollställ marginaler och padding med:

```
* { margin: 0; padding: 0; }
```

3\. Sedan gör du som Insider skriver (tror jag ;) ).

mv icaaq

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

## #7 — nummersju, 2005-08-15T09:59Z

Mer problem :( Som vanligt stämmer det i IE men inte i FF...
<http://nummersju.net/gute1/>
<http://nummersju.net/gute1/style.css>

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

## #8 — Insider, 2005-08-15T10:28Z

Flytande element försvinner ur dokumentflödet, varför #top-loggo vill börja på samma ställe som din meny.

En clear gör att elementet lägger sig nedanför alla flytande element.

```
#top-loggo {
      clear:left;
}
```

Läs mer:
<http://www.autisticcuckoo.net/arkiv.php?id=2004/12/10/flytande>

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

## #9 — Insider, 2005-08-15T10:32Z

Förresten, se till att sidan validerar! Det minskar risken för olikheter mellan olika webläsare.

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

## #10 — echoSwe, 2005-08-15T11:21Z

> **nummersju skrev:**
>
> Som vanligt stämmer det i IE men inte i FF...

det har jag aldrig hört tidigare!

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

## #11 — nummersju, 2005-08-15T11:40Z

HAHA, näää ;) Men jag vet att om det inte stämmer i FF så har man missat något himla viktig! Firefox for the win :)

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

## #12 — nummersju, 2005-08-15T12:06Z

vad är det som gör att sidan är lite mer än 100% nu? har kollat lite på exemplen men jag har inte hittat felet... 
<http://nummersju.net/gute1/>
<http://nummersju.net/gute1/style.css>

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

## #13 — echoSwe, 2005-08-15T12:17Z

när jag ändå e här så kan jag väl svara.

det beror på en marginal (margin) du har på, förmodligen ett stycke (paragraph på engelska).

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

## #14 — echoSwe, 2005-08-15T12:19Z

oj då, ursäkta... det kan bero på det också och jag förutsatte fel sak

kollade en minut på din kod, den var ju simpel till min stora förnöjelse = snabbt gjort.

```
#container {
	width: 700px;
	min-height: 100%;
	background: #fff;
	text-align: left;
	margin: 0 auto 0 40px;
	padding-top: 10px;
	}
```

ta helt enkelt bort "padding-top:10px;"...

//henke

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

## #15 — nummersju, 2005-08-15T12:28Z

okej, ska försöka... för tar jag bort den blir det knäppt på annat håll ;)

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

## #16 — echoSwe, 2005-08-15T12:29Z

vad blir knäppt då?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/132781-100-height