CSS riktig i FF, feil i IE. Hva er galt?

[JV]

Jeg sliter litt med dette:

 

Jeg har en logo på toppen. CSSkoden er slik:

 

#logo {
background-image: url(images/toplogo.gif);
height: 115px;
background-repeat: no-repeat;
background-position: 100px 0px;
}

 

og så har jeg innholdet (teksten på siden) slik:

 

#hoved-innhold {
background-color: #ffffff;
border: 1px #000000 solid;
margin-left: 130px;
width: 714px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

 

Problemet mitt er at jeg vil at logoen skal ligge på toppen av teksten (skal overlappe litt på toppen)... men om jeg prøver å få tekstdiv'en til å "skli under" logoen litt blir det motsatt. Tekstdiv'en blir liggende litt over logoen...

 

Håper dere forstår dette...

 

-JV-

Endret 12. mars 2005 av JV

[JV]

Hmm.. jeg nærmer meg tror jeg..

 

brukte denne istede (css):

 

.logo {
position: 100px 0px;
height: 115px;
}

 

og denne i html:

<img class="logo" border="0" src="images\logo.gif">

 

Da ble bildet liggende øverst.. MEN.. jeg får ikke "position" på bildet til å fungere. Må jeg velge plassering på en annen måte? den blir liggende øvertst til venstre nå...

 

-JV-

[haugsand]

Du bruker position-egenskapen feil. Du kan bruke verdiene relative, absolute, fixed eller static, og i dette tilfellet er det position du trenger. Denne egenskapen bestemmer hvordan elementet skal plassere seg, men ikke hvor.

 

Egenskapene top, right, bottom og left bestemmer hvor elementet skal plassere seg, og følgende kode vil fungere:

 

.logo {

position: absolute;

left: 100px;

top: 0;

height: 115px;

}

 

http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-position

[JV]

Tusen takk for svaret. Er rimelig ny med CSS.. der lærte jeg noe nytt gitt

 

-JV-

[JV]

Hmm.. siden min fungerer som jeg vil i Firefox man ikke i IE. Noen som kan se hvordan jeg kan få den lik Firefox i IE?

 

http://80.202.217.66/hasselweb/

 

Edit: Har validert siden min nå og jeg fikk klage på <center> som jeg brukte rundt skille bildene mine. Hvordan kan jeg få sentrert dem når jeg ikke får bruke <center>?

 

Jeg får også en feil til.. skjønner ikke hva som er galt:

 

http://validator.w3.org/check?uri=http%3A%...web%2Findex.php

 

-JV-

Endret 11. mars 2005 av JV

[JV]

Ingen som kan hjelpe?

 

I FireFox får jeg logoen på toppen akkurat slik jeg vil ha den, mens i Internet Explorer blir logoen liggende "under" "hoved-innholdet" på siden... dere skjønner om dere ser på siden:

 

Siden: http://80.202.217.66/hasselweb/

CSS: http://80.202.217.66/hasselweb/styles.css

 

 

Hva kan jeg gjøre med dette?

 

Jeg får også en feil på valideringen jeg ikke vet helt hva jeg skal gjøre med:

 

http://validator.w3.org/check?uri=http%3A%...web%2Findex.php

 

 

Håper noen skjønner dette

 

-JV-

[opticus]

IE7

[mikk-]

IE7

 

Det enkleste er vel å kutte av den delen av logoen (toplogo.gif) som skal være over #hoved-innhold. Deretter legger du denne som bakgrunn i #hoved-innhold, med egenskapene "no-repeat 0 0" (skal ikke repeteres, plasseres 0 piksler fra toppen og 0 piksler fra venstre).

 

Eks:

#hoved-innhold {

background: url("toplogo_avkutt.gif") no-repeat 0 0;

}

[Tobba]

Prøv med Z-index, da kan du få den til og legge seg foran de andre lagene.

w3