PDA

View Full Version : Fel position i FF :(

mahjar
2004-12-15, 20:08
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>
nitro2k01
2004-12-15, 20:14
Det beror på p-taggen. Har den någon funktion?
jarvklo
2004-12-15, 20:16
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 ?
mahjar
2004-12-16, 07:35
tack...tog bort <P> så fixa det sig....vet inte varför jag la den där :S
mahjar
2004-12-16, 13:22
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!
zcorpan
2004-12-16, 15:36
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.
mahjar
2004-12-16, 16:12
tack zcorpan, men ska man sätta nåt värde på UL också?
zcorpan
2004-12-16, 18:59
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.