Bakgrunnsbilde-virker i FF og Opera, men ikke IE6

[jallamamba]

Holder på med et design til en hjemmeside, men får det ikke til å funke i IE

Skal ha et bakgrunnsbilde i en DIV, men den vises ikke i det heletatt i IE.

 

Hjemmesiden (bare kladd enda) er her:

http://www.ojnorge.com/_noa/

 

CSS fila er her:

http://www.ojnorge.com/_noa/css/main.css

 

På forsiden skal det komme en gul gradering, dette er et bilde jeg har som bakgrunn og repeat-x

Om en klikker på Bedrift, skal det være en grønn gradering.

 

Håper noen her kan se hva jeg har gjort feil og hvordan jeg kan få dette til å fungere

Endret 9. november 2006 av jallamamba

[Moonshine]

IE har ikke støtte for PNG alpha layer, noe du benytter deg av i dette tilfellet. Lag bildet om igjen, med den gule graderingen.

 

edit: I tillegg synes jeg det var tøffere uten den gule graderingen.

Endret 9. november 2006 av Jonas Drange

[jallamamba]

Nå har jeg lagd nytt bakrunnsbilde i .jpg format og i tillegg satt bakgrunnsfarge på Bedrift siden.

Ikke en gang bakgrunnsfargen kommer frem i IE...

[jallamamba]

Sitter helt fast...

 

Er det noe med IE og ID og CLASS?

Førstesiden fungerer helt fint, men alle undersider er hvite, IE nekter å vise bilde/bakgrunnsfarge...

Hadde det bare vært likt i Opera og FF så hadde jeg vist at koden var feil, men det er ikke tilfelle da disse to nettleserne viser sidene slik jeg vil ha de.

 

Jeg har en ID som kalles side -denne setter bare størrelsen på boksen.

Så bruker jeg en CLASS på hver side som bestemmer farge på sideboksen.

 

førstesiden index.html (den som funker)

 

<div id="side" class="forside">

...

innholdet

</div>

 

andreside bedrift.html (funker ikke)

<div id="side" class="bedrift">

...

innholdet

</div>

CSS

#side {

width: 100%;

height: 670px;

}

#side.forside {

background-image: url(../bilder/b_.jpg);

background-repeat: repeat-x;

background-color: #FFCC99;

}

#side.bedrift {

background-image: url(../bilder/b_bedrift.jpg);

background-repeat: repeat-x;

background-color: #9EFF9E;

}

#side.familie {

background-image: url(../bilder/b_familie.jpg);

background-repeat: repeat-x;

background-color: #FFFF99;

[Moonshine]

Jeg tror siden ikke rendrer skikkelig pga. at sidene etter indexen ikke har noe innhold. Legg noe data i feks. div.familie.

 

Uansett, dette er ikke et gunstig oppsett på en side!

1. Du har x antall forskjellige bakgrunner som hver må lastes ned.

2. Bakgrunnen er meget statisk.

 

Jeg anbefaler litt let, les og lær på http://htmldog.com. Familie.htm har f. eks. 21 valideringsfeil.

[jallamamba]

Var endel valideringsfeil ja men de fleste var at det manglet 'alt' til bilder, ordner det etthvert. Aner ikke om jeg bruker bildene enda i ferdig oppsett

 

Jeg gjorde noe tungvindt nå, lagde en egen 'side'DIV til hver side, så nå viser IE sidene slik jeg vil

 

Takk for kommentarer Jonas Drange