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)

Verschil in browser

Gooly
1 antwoord
  • Hallo,

    Ik heb een eigen website gemaakt en heb een probleempje tussen de verschillende browsers.
    De stijl van de site is aangemaakt in CSS, en onderstaande figuren tonen het probleem.
    Ik heb de site getest in Firefox en hierin is hij goed, in IE en Safari en sommige andere browsers niet.

    Het gaat over de uitlijning van de menu.

    Kan iemand mij helpen aub?

    Safari & IE
    [img:cfc6b74e01]http://www.kebru-photography.be/Errors%20Forum/safari%20-%20IE.JPG[/img:cfc6b74e01]

    Firefox
    [img:cfc6b74e01]http://www.kebru-photography.be/Errors%20Forum/Firefox.JPG[/img:cfc6b74e01]

    CSS code van de menu:

    #menu {
    float: left;
    width: 1200px;
    height: 64px;
    background-image: url(images/menu.jpg);
    }

    #menu1 {
    width: 1200px;
    height:43px;
    float:left;
    margin-left:0px;
    border:none;
    }

    #menu1 ul
    {
    font-family:Verdana, Geneva, sans-serif;
    list-style-type:none;
    padding-top:11px;
    padding-bottom:12px;
    padding-left:120px;
    background-image:url(images/menu_normal.jpg);
    background-repeat:repeat-x;

    }

    #menu1 ul li
    {
    display: inline;
    background-image:url(images/menu_normal.jpg);
    background-repeat:repeat-x;


    /* for IE5 and IE6 */
    }

    #menu1 ul li a
    {
    color: #ffffff;
    font-size: 14px;
    text-decoration:none;
    padding-top:13px;
    padding-bottom:12px;
    padding-left:35px;
    padding-right:35px;
    background-image:url(images/menu_normal.jpg);
    background-repeat:repeat-x;
    height:43px;
    }

    #menu1 ul li a:link, #menu1 a:visited
    {
    color: #ffffff;
    }

    #menu1 ul li a:hover
    {
    color: #FFFFFF;
    background-image:url(images/menu_hover.jpg);
    background-repeat:repeat-x;
    }

    #menu1 ul li a#current
    {
    color: #FFFFFF;
    background-image:url(images/menu_hover.jpg);
    background-repeat:repeat-x;
    }



    ALVAST BEDANKT!!

Beantwoord deze vraag

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