mahjarMedlem sedan okt. 200457 inlägg 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>
Det beror på p-taggen. Har den någon funktion?
jarvkloMedlem sedan juli 20013 378 inlägg 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 tack...tog bort <P> så fixa det sig....vet inte varför jag la den där :S
mahjarMedlem sedan okt. 200457 inlägg 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 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 tack zcorpan, men ska man sätta nåt värde på UL också?
zcorpanMedlem sedan dec. 20042 245 inlägg 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.
