5 svar · 451 visningar · startad av Qonny
Har problem med att bakgrundsbilden i en box inte visas i FF men den visas i IE...
css: #flb{
width:720px;
height:100px;
background-color:#232f3b;
background-image:url(logga.jpg);
background-position:left;
background-repeat:no-repeat;
background-attachment:fixed}
hmtl: <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="fff.css" />
</head>
<body>
<div id="flb"></div></body>
</html>
någon som ser felet?
känner mig helt stekt! :q
Är det meningen att bakgrunden ska vara fixed? Ligga still när man scrollar ner på sidan?
Om du tar bort det så ska det fungera.
#flb{ width:720px; height:100px; background: #232f3b url(logo.jpg) no-repeat left;}
prova och se om det är så du vill ha det.
förkortar cssen och lägger till ett "innehåll" i diven...
css:
#fbl {
width:720px; height:100px;
background:#232f3b url(logga.jpg) top left fixed no-repeat; }
html:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="fff.css" />
</head>
<body>
<div id="flb"> </div>
</body>
</html>
Thx Caya.
Det funka! den slutliga koden cssen:
#flb {
width:720px;
height:100px;
background:url(logga.jpg) top left; }
funka perfa både i FF och IE!
Tanten din kod funkade varken i FF eller IE! men tack ändå!
ante mig att firefox bråkade om innehållet ;)
glöm inte att acceptera svaret som lösning.
att tantens kod inte funkade beror med all sannorlikhet på att det smugit sig in ett stavfel i bildlänken...
Jag tycker detta med bakgrundsbilder är så roligt att leka med så jag gjorde en sida med våra tre förslag på för att visa vad som egentligen händer. Som du kan se Qonny, så var det egentligen inget fel med din kod, om det var fixed du ville uppnå. Bara att diven låg lite högt upp så bilden inte kunde ses. Det hade du kunnat fixa på annat sätt genom att sätta exakta värden.
Vill försvara FF lite grann :) Den är så mycket roligare att dona med.
Kanske kan sidan ge lite inspiration till fortsatt jobbande med bakgrundsbilder...
http://member.webforum.nu/9656/bakgrund.html
Ska förstås ses i FF i första hand och använd gärna Ctrl+ också... :)
Hade använt px i <p>... Ändrat nu.