CSS blir olika på IE och FF

Tråden skapades 2010-12-17 och har fått 1 svar. Det senaste inlägget skrevs 2010-12-19.

1

2010-12-17 15:10

#1

Patrick Danielsson
Medlem ●
Stockholm
2010-12-17 15:10

Hej,

I denna kod nedan så blir det inte rätt i IE 8, loggan hamnar för långt ner och jag fattar inte varför, men i Firefox ser loggan bra ut, den ligger i höjd med bakgrunden, skulle behöva hjälp med att förstå varför, se bifogad fil.

<div id="logo-container">
<div id="money-bg" class="clear-block">
<div id="logo-no-padding">	 
<div id="logo-picture">
<a href="/" title="Hem"><img src="images/logo.png" alt="Hem" /></a>           </div>
</div>
</div>
</div>

Och här är CSS-koden:

#logo-container{border-top:1px solid #000|000; padding-top:3px; margin-bottom:3px; }
#money-bg{background:transparent url("images/header-image.jpg") repeat right top;}
#logo-picture{float:left; padding-right:15px; }
#logo-picture img{display:block;}

Detta tillhör ett tema för Drupal.

Anmäl Ändra Gilla Svara

2010-12-19 16:49

#2

Vassius
Medlem ●
Sollentuna
2010-12-19 16:49

I många fall där CSS-tolkningen skiljer sig mellan olika webbläsare beror det på att de har olika defaultvärden på padding och margin som används om man inte anger dem explicit.

Testa att nollställa margin och padding för body: