Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Wat gaat hier mis: background van DIV

6 antwoorden
  • Beste mensen, Ik krijg dit niet gefixed! In IE ziet het er uit zoals bedoeld maar in Firfox absoluut niet. Ik alle trucs geprobeerd maar het wil niet lukken. Wie weet er raad mee? [screenshots, site is nog in ontwikkeling] IE: [img:fcdd8d7d66]http://i20.photobucket.com/albums/b211/Hansfoto/IE.jpg[/img:fcdd8d7d66] Firefox: [img:fcdd8d7d66]http://i20.photobucket.com/albums/b211/Hansfoto/FireFox.jpg[/img:fcdd8d7d66] CSS: [code:1:fcdd8d7d66]#leftcol{ width:195px; float:left; position:relative; background-color:#FFFFFF; border: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; background-attachment: fixed; background-image: url(../VitelloAfbeeldingen/AchtergrondHam.jpg); background-repeat: no-repeat; height: 550px; background-position: left center; } /*menu*/ #navcontainer ul { list-style-type: none; text-align: left; margin: 0px; padding: 0px; line-height: 30px; } #navcontainer ul li a { background: url(../VitelloAfbeeldingen/list-off.gif) no-repeat left center; padding-left: 15px; text-align: left; font: bold small-caps 13px "Lucida Sans"; text-decoration: none; color: #CCCCCC; text-transform: lowercase; } #navcontainer ul li a:hover { background: url(../VitelloAfbeeldingen/list-on.gif) no-repeat left center; color: #666699; } #navcontainer ul li a#current { background: url(../VitelloAfbeeldingen/list-active.gif) no-repeat left center; color: #666699; } /*einde menu*/ [/code:1:fcdd8d7d66] HTML: [code:1:fcdd8d7d66]<div id="leftcol" > <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="Home.htm" id="current">home</a></li> <li><a href="Catering.htm">catering</a></li> <li><a href="Koken%20op%20locatie.htm">koken op locatie</a></li> <li><a href="Evenementen.htm">evenementen</a></li> <li><a href="Ontbijt.htm">ontbijt</a></li> <li><a href="Lunch.htm">lunch</a></li> <li><a href="Picknic.htm">picknic</a></li> <li><a href="Kookles.htm">kookles</a></li> <li><a href="Contact.htm">contact</a></li> </ul> </div> </div> [/code:1:fcdd8d7d66]
  • je gebruikt op een aantal plaatsen background ipv background-image...kan het daaraan liggen?
  • Onvoorstelbaar!! Dat was het inderdaad :o En het probleem was "bagkground-image" die werkt dus niet, gewoon "background" werkt wel Bedankt!!
  • ik heb juist het idee dat de background-color: #FFFFFF; in je leftcol het probleem is
  • Ik kan me vergissen, maar volgens mij is background-image toch echt wel de juiste term http://www.w3schools.com/css/css_background.asp Vergeet bovendien niet dat IE toleranter is dan Firefox.
  • Dat klopt alleen geeft background-image geen afbeelding en background wel. Mischien een nieuwe work-around ontdekt :wink: Ik vind het zelf ook wat vreemd maar het is voorlopig de enige manier om het crossbrowser werkend te krijgen.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.