lobster Skrevet 1. desember 2009 Del Skrevet 1. desember 2009 (endret) Jeg la inn ett innlegg tidligere i dag angående en webside en en kompis av meg har laget. Han fikk den ikke til å virke så jeg tenkte jeg skulle gi han en hjelpende hånd. Men nå står jeg også bom fast. siden det er snakk om er http://icarusredux.com/dev/ Problemet er at jeg ikke får vist bakgrunnsbilde på ett par av div elementene. Koden validerer helt fint, men det er nok noe feil i måten jeg tenker på. Noen som kan hjelpe? <!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=utf-8" /> <title>Icarus Redux</title> <style type="text/css"> <!-- body { color: #000000; background: #fefdfd; font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; } .Icarus #container { width: 955px; margin: 0 auto; text-align: left; } .Icarus #header { background-attachment: fixed; background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: center top; /* width: 955px; */ height: 322px; padding-top: 0; padding-bottom: 0; } .Icarus #menu { background-attachment: fixed; background-image: url(images/menu.jpg); background-repeat: no-repeat; background-position: center top; /* width: 955px; */ height: 45px; padding-top: 0; padding-bottom: 0; } .Icarus #menu p { margin: 0; margin-top: 10; padding-bottom: 0; padding-left: 40px; padding-right: 40px; } .Icarus #mainContent { background-image: url(images/maincontent.gif); background-repeat: repeat-y; background-position: center top; padding-top: 0; padding-bottom: 0; padding-right: 40px; padding-left: 40px; } .Icarus #footer { background-attachment: fixed; background-image: url(images/footer.jpg); background-repeat: no-repeat; background-position: center top; /* width: 955px; */ height: 45px; padding-top: 0; padding-bottom: 0; } --> </style> </head> <body class="Icarus"> <div id="container"> <div id="header"></div> <div id="menu"></div> <div id="mainContent"></div> </div> </body> </html> Endret 1. desember 2009 av lobster Lenke til kommentar
vesleengen Skrevet 1. desember 2009 Del Skrevet 1. desember 2009 sikker på at URL til bildene er riktig? kan prøve å legge alt i en wrapper element Lenke til kommentar
lobster Skrevet 1. desember 2009 Forfatter Del Skrevet 1. desember 2009 (endret) URL og filnavn er riktig. http://icarusredux.com/dev/images/menu.jpg og http://icarusredux.com/dev/images/footer.jpg er bildene jeg ikke får frem. Har jeg ikke brukt wrapper da? <div id="container"> ... ... </div> Mulig jeg er helt på jordet.. Endret 1. desember 2009 av lobster Lenke til kommentar
Azidops Skrevet 2. desember 2009 Del Skrevet 2. desember 2009 Fjern 'background-attachment: fixed;' fra menu og footer diven. Last ned Firebug (plug-in for Firefox). Da kan du endre koden direkte i nettleseren. Genialt for bug-fixing. Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå