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

    CSS probleem [opgelost]

    Mijn eerste grote poging om een site via CSS vorm te geven … maar t loopt al grondig fout?

    Over onderstaande site gaat het en het probleem ligt hem bij de gradients langs de zijkant.
    http://www.visitargentina.eu/test/document.html
    CSS: http://www.visitargentina.eu/test/css/style.css
    [size=9:ef387142b4](er staan misschien veel overbodige dingen in de css maar ja… ik ben nog maar een beginner)[/size:ef387142b4]

    Bij mij geeft hij hem correct weer in Safari en Windows IE.
    Maar bij Firefox (zowel op Mac als PC) en IE voor Mac loopt het fout. Dan stoppen de gradients bij de header.

    Weet iemand een oplossing? Bedankt :innocent:

    Bijdrager
    chilli dude

    [code:1:919cded864]#mainmain {
    margin: 0 auto;
    padding: 0;
    float: left;
    width: 630px;
    height:100%;
    background-image:url(../img/grad.jpg);
    background-repeat: repeat-y;
    border:none;
    }[/code:1:919cded864]

    zo misschien

    Bijdrager
    inflicted

    Verwijder alle

     

    overflow: hidden;[/code:1:14697cb111] en

     

    height:120px;[/code:1:14697cb111] uit je css.

    Getest in Safari, Firefox en IE pc.

    IE for Mac wordt al jaren niet meer ondersteund,
    dus daar zou ik me voorlopig niet mee bezig houden

     
    Bijdrager
    inflicted

    Kom er net achter dat alleen de [code:1:49c386334c]height:120px;[/code:1:49c386334c]

    de boosdoener was.
    Is ook logisch, want je geeft de div de hoogte van je header.
    Dan wordt ‘ie natuurlijk niet groter dan die 120px.

    Maar goed, die overflow was dus idd ook overbodig.

    succes

    Bijdrager
    kie_ken

    t werkt… dank u
    (t was wel een dom foutje… achteraf bekeken) :mrgreen:

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

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