---
title: "Problem med padding"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/178713-problem-med-padding/page2"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Guldstrand"
published: "2009-05-24T17:47:54.000Z"
updated: "2009-05-30T15:44:12.000Z"
replies: 26
views: 1780
page: 2
pages: 2
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/178713-problem-med-padding"
---

# Problem med padding

_Sida 2 av 2._

## #21 — Danne V, 2009-05-27T17:53Z

HAHAHA... :birp
Så står jag här som en idiot.
Du hade en otrolig svintur, Guldstrand! 
Första gissningen gick hem.
Men kanske du förhoppningsvis fattar vad jag menar ändå?  ;)

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

## #22 — Guldstrand, 2009-05-28T07:23Z

> **[jawbreaker skrev:](https://www.webforum.nu/p/1469126)**
>
> Gött. Varsågod!

Tack igen!

Du kanske är synsk och kan hjälpa mig med ytterligare ett problem som dök upp?  :r
Problemet jag har, är med min "footer".
Om innehållet i mitten inte är lika långt som sidmenyerna, då kommer "footern" att hoppa upp. \*svårt att förklara\*

Postar en screen + lite css-kod.

```
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background:#333333 url(../pic/st-back.png) repeat-x;
	margin: 30px 140px 20px 140px;
}

#wrap{
	background-color:#FFF; 
	width: 956px;
	border: 7px solid #FFFFFF; 
	margin_bottom:20px;
}

#footer{ 
	color:#535353; 
	font-size:11px; 
	text-align:center;
	width:740px;
	margin: 20px 140px 20px 140px;
}
```

Alltså den vita bakgrunden (färgen), verkar stoppa i slutet av mitt-sektionen.

Bilagor:

- [design_ned.jpg](https://www.webforum.nu/a/20319.jpg)

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

## #23 — voigtann1, 2009-05-28T07:29Z

antingen sätter du i din #wrap en overflow hidden eller en extra div som clear: both.

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

## #24 — Guldstrand, 2009-05-28T07:32Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1469194)**
>
> antingen sätter du i din #wrap en overflow hidden eller en extra div som clear: both.

**Tack för ett snabbt svar.**
Det fungerade kanon.  :bire

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

## #25 — Guldstrand, 2009-05-29T22:04Z

**Suck**...
Jag kollade visst designen med IE8, och inte med IE7.
Designen ser bra ut i både IE8 och senaste FF, men inte i IE**7**. :(

Postar en screen från IE7.
Tydligen så är det knas med h2-taggen i högermenyn som gör att mitt-sektionen hoppar ner.

CSS:

```
#right { float:right; } 

#right a{
	color:#000000;
	text-decoration:none;
}

#right a:hover{
	border-bottom:1px dotted;
}

#right h2{ 
	width:185px;
	height: 16px; 
	color:#c4c4c4; 
	font-size:11px;
	text-transform:uppercase;
	background:#181818 url(../pic/h2_back.png) repeat-x; 
	padding: 7px;
} 

#right h2 span{ 
	float:right; 
	font-size: 10px;
} 

#right h2 span a{ 
	color: #c4c4c4;
	border-bottom: 1px dotted;
}

#right h2 span a:hover{ 
	color: #535353;
	border-bottom: 1px dotted;
}

#right ul{ 
	border: 1px solid #c9c9c9; 
	padding: 2px;
	margin-top: 1px;
}

#right li{ 
	width: 184px;
	list-style:none; 
	font-size: 12px; 
	color: #000000;
	padding: 5px;
}
```

Är tacksam för all hjälp jag kan få.  :r

Bilagor:

- [layout_IE7-problem.jpg](https://www.webforum.nu/a/20324.jpg)

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

## #26 — jawbreaker, 2009-05-30T07:35Z

Du sätter bredder på saker som du inte borde behöva sätta bredder på tycker jag (h2, li) medan du inte gör det där det verkligen behövs (#right).

Hur bred ska högerkolumnen vara? Enligt h2:an borde den vara 185 + 7 + 7px = 199px.

Du kanske hade räknat på 200px från början eftersom det är ett jämnare och finare tal, men det spelar mindre roll kodmässigt - du bör i vilket fall som sätta den bredd du vill ha på #right (199px eller 200px eller annan lämplig bredd):

```
#right { float: right; width: 199px; }
```

Jag skulle tro att det ligger (default)marginaler på dina ul som ställer till det också:

```
#right ul {
	border: 1px solid #c9c9c9; 
	padding: 2px;
	margin: 1px 0 0;
	list-style: none;
}

#right li {
	font-size: 12px; 
	color: #000000;
	padding: 5px;
}
```

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

## #27 — Guldstrand, 2009-05-30T15:44Z

Underbart! Tack!

> **[jawbreaker skrev:](https://www.webforum.nu/p/1469361)**
>
> Du sätter bredder på saker som du inte borde behöva sätta bredder på tycker jag (h2, li) medan du inte gör det där det verkligen behövs (#right).

Man lär sålänge man lever.  ;)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/178713-problem-med-padding/page2  
Föregående sida: https://www.webforum.nu/amne/html-css/178713-problem-med-padding.md