Fel position i FF :(

7 svar · 418 visningar · startad av mahjar 15 dec. 2004

mahjarMedlem sedan okt. 200457 inlägg

Frågan15 dec. 2004 20:08#1

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åll</div>
<div id="right_side_bar">
<p>Meny</p>
</div>
</div>
<div id="webpage_bottom"></div>
</div>

nitro2k01Medlem sedan aug. 20039 340 inlägg

15 dec. 2004 20:14#2

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

jarvkloMedlem sedan juli 20013 378 inlägg

15 dec. 2004 20:16#3

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

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

mahjarMedlem sedan okt. 200457 inlägg

16 dec. 2004 07:35#4

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

mahjarMedlem sedan okt. 200457 inlägg

16 dec. 2004 13:22#5

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!

zcorpanMedlem sedan dec. 20042 245 inlägg

16 dec. 2004 15:36#6

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.

mahjarMedlem sedan okt. 200457 inlägg

16 dec. 2004 16:12#7

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

zcorpanMedlem sedan dec. 20042 245 inlägg

16 dec. 2004 18:59#8

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.