anoniem Geplaatst: 2 maart 2006 Delen Geplaatst: 2 maart 2006 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] Quote Link naar reactie
anoniem Geplaatst: 2 maart 2006 Auteur Delen Geplaatst: 2 maart 2006 je gebruikt op een aantal plaatsen background ipv background-image...kan het daaraan liggen? Quote Link naar reactie
anoniem Geplaatst: 2 maart 2006 Auteur Delen Geplaatst: 2 maart 2006 Onvoorstelbaar!! Dat was het inderdaad :o En het probleem was "bagkground-image" die werkt dus niet, gewoon "background" werkt wel Bedankt!! Quote Link naar reactie
anoniem Geplaatst: 2 maart 2006 Auteur Delen Geplaatst: 2 maart 2006 ik heb juist het idee dat de background-color: #FFFFFF; in je leftcol het probleem is Quote Link naar reactie
anoniem Geplaatst: 2 maart 2006 Auteur Delen Geplaatst: 2 maart 2006 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. Quote Link naar reactie
anoniem Geplaatst: 2 maart 2006 Auteur Delen Geplaatst: 2 maart 2006 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. Quote Link naar reactie
anoniem Geplaatst: 2 maart 2006 Auteur Delen Geplaatst: 2 maart 2006 background mag ook, het is een "verzamelnaam" voor alle background-** waarden. Dus dit is een "shorthand" voorbeeld [code:1:5c45cc9e0b] div#blaat {background: crap url(plaatje.gif) fixed center repeat-y;} [/code:1:5c45cc9e0b] t. Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen