Bakgrundsbild visas inte i Firebird

11 svar · 377 visningar · startad av Pedda 6 apr. 2004

PeddaMedlem sedan juni 20006 032 inlägg

Frågan6 apr. 2004 21:26#1

Har validerat en sida som jag håller på med i XHTML 1.0 Transitional. Även css filen är validerad utan varningar eller error meddelanden.

Men ändå visas inte bakgrundsbilden i Mozilla Firebird.

.menytabell {
border-right: dotted 2px #990000;
background-image: url(../bilder/tulips.gif);
background-repeat: no-repeat; 
background-attachment: fixed;
background-color: #D3D3B5;
}

Bilden visas i IE, Netscape och Opera.

Någon som har nåt förslag vad man ska testa?

ChoronzonMedlem sedan aug. 20011 346 inlägg

6 apr. 2004 21:29#2

testa

url('../bilder/tulips.gif');

eller

url("../bilder/tulips.gif");

Har för mig att det kan hjälpa..

jarvkloMedlem sedan juli 20013 378 inlägg

6 apr. 2004 22:00#3

Hmm...
Visserligen står det i specen om sökvägar till bakgrundsbilder att

For CSS style sheets, the base URI is that of the style sheet, not that of the source document.

Källa: http://www.w3.org/TR/CSS2/syndata.html#value-def-uri

Men det blir ofta problem när man adresserar bilder med relativa adresser utifrån en extern stilmallsfil eftersom en del webbläsare gör "som specen säger och andra gör "fel" och adresserar utifrån HTML-filen istället...

Prova att lägga in URL:en till bakgrundsbilden adresserad från webbroten istället (det funkar alltid ;) ).

Förresten - inte säkert att de skall påverka detta men jag är lite nyfiken på följande:
Exakt hur ser din <!DOCTYPE ut ?
Kör du med eller utan <?xml?>-tagg ?

PeddaMedlem sedan juni 20006 032 inlägg

6 apr. 2004 22:11#4

Hjälpte inte med fnuttar.
Hjälpte inte med med att lägga hela adressen heller. :(

Så här ser DOCTYPE ut:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Använder samma sak på en annan bakgrundsbild för body och den funkar ju, så det borde inte vara något i css-filen, eller?

jarvkloMedlem sedan juli 20013 378 inlägg

6 apr. 2004 22:22#5

Nu blev det för svårt att gissa utan att se hela koden - Har du en länk till sidan det gäller?

PeddaMedlem sedan juni 20006 032 inlägg

7 apr. 2004 08:28#6

Här kommer länken till sidan

Det är bilden i vänstra kolumnen som inte visas i Firebird.

jarvkloMedlem sedan juli 20013 378 inlägg

7 apr. 2004 09:08#7

Hmm...
Bilden finns faktiskt där i FireBird också...
Krymp webbläsarefönstret i sidled så ser du den (du har en för bred skärm ;) )

Fenomenet beror på att du kör med

background-attachment: fixed;

och pga en bugg i MSIE positioneras bilden som har "background-attachment:fixed;" felaktigt mot den tagg den ligger i när du gör så, medan Mozilla gör rätt och positionerar bilden gentemot "viewport" (dvs webbläsarfönstrets övre vänstra hörn)...

Se http://meyerweb.com/eric/css/edge/complexspiral/demo.html
för en mer noggrann genomgång av fenomenet...

Borde ha sett den tidigare, koden fanns ju i ditt exempel hela tiden - sorry :r

PeddaMedlem sedan juni 20006 032 inlägg

7 apr. 2004 09:26#8

Ok, det stämmer.

Låter det nog va som det är ändå, använder man mozilla så får man väl skylla sig själv. ;)

PepeJeriaMedlem sedan feb. 2003774 inlägg

7 apr. 2004 10:46#9

Pedda skrev:

Ok, det stämmer.

Låter det nog va som det är ändå, använder man mozilla så får man väl skylla sig själv. ;)

Med andra ord får man skylla sig själv om man besöker din felaktigt kodade site med Mozilla/Opera. ;)

PeddaMedlem sedan juni 20006 032 inlägg

7 apr. 2004 10:49#10

PepeJeria skrev:

Med andra ord får man skylla sig själv om man besöker din felaktigt kodade site med Mozilla/Opera. ;)

Opera funkar utmärkt, "felet" uppstår bara i Mozilla.
Och ärligt talat, hur många procent använder Mozilla? Det enda som händer är ju att de ser enbart bakgrundsfärgen, inte bilden.

PepeJeriaMedlem sedan feb. 2003774 inlägg

7 apr. 2004 11:03#11

Opera 7.23 Windows 2000: Bilden syns inte. Detta gäller nog alla andra browsers där det har en skaplig CSS support.

Jarvklo har pekat ut felet i din kod, så varför inte fixa felet? Enda anledningen att bilden syns i IE är på grund av en bugg i browsern.

Så fort denna bugg är fixad i IE, så kommer bilden inte synas mer...

PeddaMedlem sedan juni 20006 032 inlägg

7 apr. 2004 11:20#12

Jaja, jag faller för trycket och ändrar. ;)