Hele div'en blir link istedenfor kun bildet (Firefox)

[ArcticIce]

Har et lite problem med en side jeg driver på med.

 

I headeren har jeg en logo som er midtstilt. Denne linker til forsiden.

Dette fungerer bra i Opera og IE, men i Firefox blir hele "div id" boksen en link, ikke kun bildet. Noen som aner hva som kan være galt?

 

html:

 

<div id="header">
 <a href="index.php"><img src="img/logo4.png" /></a>
</div>

 

css:

 

#header {
height: 74px;
width: 100%;
position: relative;
float: left;
}

#header img {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

Endret 13. desember 2008 av ArcticIce

[Twinflower]

Hvis du setter bredden på "#header a" like bred som #header?

[FrodeNilsen]

Merk at du setter bildet til block. Koden din blir dermed bare suppe, da bilde nøster under ett inline element, slik at margin med auto i henhold til foreldre elementet blir litt underlig. Ellers så vil text-align gjelde for elementer som nøster under bildet, noe som er teoretisk umulig.

 

Text-align kan tilordnes for #header, og vil da gjelde for a-elementet. Du kan også sette a-elementet til block. Hvis ikke må du benytte inline-block på bildet.

 

Du kan med enorm fordel se her:

http://www.w3.org/TR/CSS21/propidx.html

 

Frode

[ArcticIce]

Herlig! Tusen takk, det gjorde susen

 

Fortsatt mye å lære ser jeg, hehe.