13 berichten aan het bekijken - 1 tot 13 (van in totaal 13)
  • Q:
    Bijdrager
    vanWoods

    CSS Backgroundimage browser probleem?!

    Ik heb 2 keer een background image gebruikt, zie de code hieronder, hij laat de image van wrapper alleen niet zien in FF en Safari maar wel in IE. Vreemd meestal is het andersom, staat er iets fout in de code of werkt dit gewoon niet in FF en Safari??

    [code:1:f02093b9f6]
    body {
    font-family: Verdana, sans-serif;
    background: #D8C8AF url(background.jpg) repeat-y center;
    padding: 0;
    margin: 0;
    }

    #wrapper {
    background-image: url("header.jpg") center;
    background-repeat:no-repeat;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    }[/code:1:f02093b9f6]

    thnx!

    Bijdrager
    Mr Macintosh

    [code:1:aaf60fc5c5]#wrapper {
    background-image: url("header.jpg") center;
    background-repeat:no-repeat;
    [/code:1:aaf60fc5c5]

    De fout zit in [code:1:aaf60fc5c5]background-image:[/code:1:aaf60fc5c5], dat moet worden [code:1:aaf60fc5c5]background:[/code:1:aaf60fc5c5].

    Je krijgt dan

    [code:1:aaf60fc5c5]#wrapper {
    background: #fff url("header.jpg") center;
    background-repeat:no-repeat;
    [/code:1:aaf60fc5c5]

    (#fff) mag je weglaten.

    UPDATE: Ja, en je moet wat in de DIV zetten.

    Geblokkeerd
    Anoniem

    Ik weet het niet zeker, maar het lijkt mij dat als je een wrapper maakt zonder
    inhoudt (althans, in dit geval), dat je er ook een hoogte aan moet geven.

    Van wat ik weet, is een DIV zonder inhoudt in Safari en FF gewoon 0px hoog.
    Zet er maar eens wat tekst in, dan zul je zien dat het plaatje ineens tevoorschijn
    komt. Wat je ook kunt doen is een height/min-height invoeren:)

    Mvg,
    Joram

    Bijdrager
    vanWoods

    Dit maakt helaas niets uit, ik ben er inmiddels wel achter dat het met de positioning te maken heeft als ik namelijk center weghaal dan doet ie wel maar dan staat dus de image niet goed…..

    Mijn vraag is dus: kan je een background image laten centreren in een div?! Zodat ie in alle browsers goed te zien is??

    Hij luistert wel naar right en left maar het lijkt wel of center niet wordt ondersteund door een div? In de body gaat het wel goed!

    Bijdrager
    Mr Macintosh

    [code:1:0265c529a8]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
    <html>

    <head>
    <title></title>
    <style type="text/css">
    body {
    font-family: Verdana, sans-serif;
    background: #D8C8AF url("background.jpg") center;
    padding: 0;
    margin: 0;
    }

    #wrapper {
    background: url("header.jpg") center;
    background-repeat:no-repeat;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    }
    </style>
    </head>
    <body>

    <div id="wrapper">
    hoi
    </div>

    </body>
    </html>[/code:1:0265c529a8]

    Ik heb net dit gemaakt en het werkt in Safari en FF.

    Geblokkeerd
    Anoniem

    min-height werkt overigens niet in alle browsers.
    Misschien dat je het volgende kunt doen?
    [code:1:1800f081f9]background-position: 50% 50%;[/code:1:1800f081f9]

    Bijdrager
    vanWoods

    yep er moest inderdaad iets instaan of de wrapper een hoogte mee geven.

    Thnx voor de hulp!

    Bijdrager
    vanWoods
    ”joram”

    min-height werkt overigens niet in alle browsers.
    Misschien dat je het volgende kunt doen?
    [code:1:bbf7541a1d]background-position: 50% 50%;[/code:1:bbf7541a1d]

    Deze code werkt ook!!

    thnx again!

    Geblokkeerd
    Anoniem

    Tjonge, als beginnend webknutselaart toch nog 2 goede tips gegeven:D
    En dat voor een vroege maandagmorgen zelfs, heheh.

    Graag gedaan!:)

    Bijdrager
    rvanheukelum

    sinds wanneer moet er iets in de DIV staan?
    Kijk eens hier … het beeld staat hier ook als background van de DIV, en er staat niets in.

    Bijdrager
    danielpunt
    ”Mr

    Je krijgt dan

    [code:1:8c3a4f90ab]#wrapper {
    background: #fff url("header.jpg") center;
    background-repeat:no-repeat;
    [/code:1:8c3a4f90ab]

    (#fff) mag je weglaten.

    [code:1:8c3a4f90ab]#wrapper {
    background: #fff url("header.jpg") no-repeat center
    [/code:1:8c3a4f90ab]

    kan ook.

    en het moet altijd in deze volgorde.

    ”R_van_Heukelum”

    sinds wanneer moet er iets in de DIV staan?
    Kijk eens hier … het beeld staat hier ook als background van de DIV, en er staat niets in.

    Dat is omdat je een hoogte en breedte op gegeven hebt.

    [size=9:8c3a4f90ab]wat een rommelige code zeg, dat heb je toch niet zelf gecode?[/size:8c3a4f90ab]

    Bijdrager
    rvanheukelum
    ”muffin.”
    ”R_van_Heukelum”

    sinds wanneer moet er iets in de DIV staan?
    Kijk eens hier … het beeld staat hier ook als background van de DIV, en er staat niets in.

    Dat is omdat je een hoogte en breedte op gegeven hebt.

    En meteen je oplossing ….

    Bijdrager
    rvanheukelum
    ”muffin.”

    [size=9:220172ce6d]wat een rommelige code zeg, dat heb je toch niet zelf gecode?[/size:220172ce6d]

    Dat komt door die CSS-imagerollover …

13 berichten aan het bekijken - 1 tot 13 (van in totaal 13)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.