Avatar billede hresben Nybegynder
07. december 2007 - 00:45 Der er 8 kommentarer

background-image problemer i safari og firefox

Jeg forsøger at lave en topmenu ved hjælp af CSS, på en side jeg arbejder med (www.optus.dk/seed).

Når siden loades i firefox eller safari, forsvinder det background-image jeg har angivet i CSS.

Jeg har defineret div i mit HTML dokument således:
<div id="topbar">
<!-- Hele topbaren -->
<a id="home" href="#">home</a>
<a id="contact" href="#">contact</a>
<a id="showroom" href="#">showroom</a>
<a id="movie" href="#">movie</a>
</div>

Jeg har defineret #topbar i CSS således:
#topbar {
background:  repeat-x;
    background-image: url(buttons/seed_bg.png);
    width: 756px;
    border: none;
    margin-left: auto;
    margin-right: auto;
}

Er der nogen som kan gennemskue hvad problemet er?
Jeg ser den fint i ie 6.0.
Avatar billede roenving Novice
07. december 2007 - 00:53 #1
Har du prøvet at bruge en .gif i stedet ?-)
Avatar billede showsource Seniormester
07. december 2007 - 08:03 #2
prøv
#topbar {
    background-repeat: repeat-x;
    background-image: url('buttons/seed_bg.png');
    width: 756px;
    border: none;
    margin-left: auto;
    margin-right: auto;
}
Avatar billede hresben Nybegynder
07. december 2007 - 11:30 #3
roenving: Det ønsker jeg ikke at bruge. Der er en ide bag at lave det i .png-filer :-)

showsource: Det virker desværre ikke.

Er der der nogen der ved om det er en bug? Det burde da være rimelig basic...
Avatar billede hresben Nybegynder
07. december 2007 - 11:54 #4
Det virker heller ikke med .gif eller .jpg kan jeg oplyse
Avatar billede showsource Seniormester
07. december 2007 - 12:22 #5
Ved ikke om det vil ændre noget, men prøv med
.topbar
i stedet for
#topbar
og selvf bruge div class="topbar"

Og hvis du har en error.log at kikke i, så tjek hvad der står her.
Avatar billede showsource Seniormester
07. december 2007 - 12:24 #6
Og jeg får helelr ikke baggrundsbillede i firefox 2.0.0.11
Avatar billede hresben Nybegynder
07. december 2007 - 12:32 #7
Nu har jeg fundet fejlen.
"Height" Initial value er sat til auto jvf. http://www.w3.org/TR/CSS21/propidx.html
Det læser Firefox og Safari tilsyneladende som 0.
Jeg angav bare height 70, og så virker det...

Tak for kommentarerne. Det lader til at være et supersejt sted det her.
Avatar billede roenving Novice
07. december 2007 - 15:08 #8
>>hresben 07/12-2007 11:30:15

-- hvilken ide kan der være bag at bruge noget der fylder adskilligt mere og har dårligere kompatibilitet ?-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester