CSS blir olika på IE och FF

Tråden skapades och har fått 1 svar. Det senaste inlägget skrevs .
1

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.

  • Skribent
  • 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:

body { margin: 0px; padding: 0px }

Eller ännu hellre för alla taggar för att slippa motsvarande problem på andra ställen:

* { margin: 0px; padding: 0px }
1
Bevaka tråden