---
title: "Fel position i FF :("
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/118127-fel-position-i-ff"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mahjar"
published: "2004-12-15T20:08:48.000Z"
updated: "2004-12-16T18:59:24.000Z"
replies: 7
views: 449
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/118127-fel-position-i-ff"
---

# Fel position i FF :(

## #1 — mahjar, 2004-12-15T20:08Z

Hej.
Har lagt en bild så ni kan se vad som är fel.
Problemet är att right_side_bar hamnar under
content i FF men det ska inte vara så.
I IE ser det bra ut. Om ni behöver mer koder eller nåt så säg till. 

> \#webpage {
> width: 760px;
> margin: 20px auto;
> background-image: url(m_bg.jpg);
> background-repeat: repeat-y;
> background-position: center;
> }
>  
> \#webpage_top {
> height: 26px;
> background: url(m_top.jpg) no-repeat top center;
> }
>  
> \#webpage_bottom {
> clear: both;
> height: 26px;
> background: url(m_bottom.jpg) no-repeat bottom center;
> }
>  
> \#webpage_content {
> margin: 0 8px 0 30px;
> }
>  
> \#content {
> width: 530px;
> float: left;
> }
>  
> \#right_side_bar {
> width: 150px;
> float: left;
> }

> \<div id="webpage"\>
>    \<div id="webpage_top"\>\</div\>
>    \<div id="webpage_content"\>
>       \<div id="content"\>
>       Inneh&aring;ll\</div\>
>       \<div id="right_side_bar"\>
>          \<p\>Meny\</p\>
>       \</div\>
>    \</div\>
>    \<div id="webpage_bottom"\>\</div\>
> \</div\>

Bilagor:

- [sssss.jpg](https://www.webforum.nu/a/5111.jpg)

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

## #2 — nitro2k01, 2004-12-15T20:14Z

Det beror på p-taggen. Har den någon funktion?

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

## #3 — jarvklo, 2004-12-15T20:16Z

Hmm...

Det ser ut som om du antingen råkat ut för att olika webbläsare har olika default-värden på padding och margin i vissa lägen, alternativt att du har en "gammalmodig" \<!DOCTYPE-tagg

1) Prova att sätta padding:0 på samtliga div:ar (och ev. din p-tagg:s margin och padding)
2) Vad kör du för \<!DOCTYPE ?

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

## #4 — mahjar, 2004-12-16T07:35Z

tack...tog bort \<P\> så fixa det sig....vet inte varför jag la den där :S

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

## #5 — mahjar, 2004-12-16T13:22Z

Men :( .... nu kommer problemet igen :(...
\<ul\>
\<li class="meny-list"\>Start\</li\>
\<li class="meny-list"\>Nyheter\</li\>
\</ul\>

Detta la jag till i right_side_bar ! så kommer problemet igen!

Jag har fixat padding: 0;
men doctype vet jag inte om jag har rätt.
Detta är min doctype:
\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"\>

Tacksam för alla svar!

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

## #6 — zcorpan, 2004-12-16T15:36Z

Ta bort margin och padding för *alla* element, och sen sätter du tillbaka det på de element du behöver ha det på. Då får du åt minstone samma i olika webbläsare.

```
* {margin: 0; padding: 0;}
p, ul, ol {margin: .8em 0;}
```

Behåll den doctype du har, den gör att webbläsare kör i *standards compliance mode*.

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

## #7 — mahjar, 2004-12-16T16:12Z

tack zcorpan, men ska man sätta nåt värde på UL också?

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

## #8 — zcorpan, 2004-12-16T18:59Z

Ska och ska, det beror på hur du vill att det ska se ut. Om du vill ha att \<ul\> ser någorlunda normal ut kan du sätta margin-left och/eller padding-left.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/118127-fel-position-i-ff
