verschil firefox / IE

[frumper]

in mijn css heb ik het volgende:

code:

#imgheader { width: 290px;
      height: 100px;
      position: relative;
      top: 30px;
      left: 35px;
      background-image: url(images/logo.jpg);
      opacity: 0.90;
      filter: alpha(opacity=90);
}

in firefox toont hij het netjes waar ik hem wil hebben (35px van de linkerkant) maar in IE gooit hij hem in het midden neer.... hoe kan ik hem in IE ook goed laten uitlijnen?

[X-trace]

Met position:absolute (dan moet de parent container wel een relative position hebben) of probeer het met margin:30px 0 0 35px;
Heb je btw niet ergens een text-align center aan staan?

[Bosmonster]

Is nogal lastig te zeggen zonder de rest van de code te zien. Verder is absoluut positioneren nogal een omslachtige oplossing om iets 35px van de kant te krijgen

[Mike2k]

Met ^^
Even de relevante code posten..oa: parent elements met opmaak

[frumper]

Het geheel komt uit een header...
uit de css:

code:

    /* header */

div#header {
    height: 160px;
    background: #f9f9f7 url(http://www.url.nl/header/rotate.php) no-repeat ;
    vertical-align:baseline;
}

#imgheader { width: 290px;
      height: 100px;
      position: relative;
      top: 30px;
      left: 35px;
      background-image: url(images/logo.jpg);
      opacity: 0.90;
      filter: alpha(opacity=90);
}

uit de html:

code:

<div id="header">
<div id="imgheader"></div>
</div>

Met als idee:
in de header heb ik een random afbeelding, met daaroverheen een logo geplaatst. Zo kan ik willekeurige afbeeldingen in de header gooien zonder dat ik het logo op de afbeelding hoef te plaatsen...

text-align=center.... ehm, ja die staat daar weer buiten dat vindt IE dus winnend en FF niet?

[ Voor 6% gewijzigd door frumper op 13-11-2009 17:24 ]

[R4gnax]

frumper schreef op vrijdag 13 november 2009 @ 17:07:
text-align=center.... ehm, ja die staat daar weer buiten dat vindt IE dus winnend en FF niet?

IE interpreteert text-align fout en past centrering ook op block level elementen toe. Je div#header wordt dus gecentreerd geplaatst en binnen die gecentreerde tag wordt je div#imgheader 35 pixels naar links geschoven.