Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Wat gaat hier mis: background van DIV

teacher
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

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