8 svar · 357 visningar · startad av Gardell
Tjena!
Jag har problem med två div:ar bredvid varandra. I IE blir det ett stort gap mellan dem, lodrätt. Men i FF visas det som det är tänkt.. hur lösa?
CSS:
.floatleft3 {
float:left;
text-align:center;
width:50%;
margin:0 0 15 0px;
font-size:10pt;
}
.floatright3 {
float:right;
width:50%;
text-align:center;
margin:0 0 15 0px;
font-size:10pt;
}
HTML:
<div class="floatleft3">
<strong>Bildarkivet</strong> <strong>Media</strong>
</div>
<div class="floatright3">
<strong>Nyheter</strong> <strong>Månadsbok</strong>
</div>
Tacksam för svar. :)
Har du nollställt padding och alla marginaler för alla element i din css? Det bör du börja med i varje stilmall för att få mer lika förutsättningar i explorer och firefox.
Lägg till
* { margin: 0; padding: 0; }
först i din css-fil.
Sen är det givetvis alltid lättast att kunna titta på sidan i fråga.
Tack för ditt svar! Mjepp, det har jag. :)
Så här ser det förresten ut:
FF: http://www.gurkburk.net/ff_div.gif
IE: http://www.gurkburk.net/ie_div.gif
IE gör lite fel när den ska lägga ihop bredd för flera element som är angiven i procent. Det blir ofta lite mer än 100...
Testa att ändra bredden för dessa till 49.9%.
Tack för ditt svar. :) Tyvärr har jag redan provat det och det ger ingen skillnad. :( Om jag går ner till 47% så blir det bra.. men det känns väl onödigt eller? Och om jag tar bort width helt och hållet så blir det bra förstås, men då blir det inte det resultat jag vill ha. Givetvis skulle jag kunna sätta en fast pixelwidth men det vore smidigare att lösa med procent men.. :l
.floatleft3 {
float:left;
text-align:center;
width:50%;
margin:0 0 15 0px;
font-size:10pt;
}
.floatright3 {
[b]/*float:right;
width:50%;*/[/b]
text-align:center;
[b]margin:0 0 15 50%[/b];
font-size:10pt;
}
Det fungerade kanon zcorpan!! :bire
Inte för att jag vet riktigt vad som är skillnaden.. Vad gör dessa snedstreck och stjärnor? :)
Det är en kommentar. Du kan ta bort den. :)
Ahh, nu förstår jag. Så lurigt. :) Tack så mycket. :)