Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Wat gaat hier mis: background van DIV

Anoniem
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.