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

    Bijdrager
    wout3r

    [CSS] Blijf maar moeite hebben met IE

    Hallo allemaal,

    Ik blijf maar steeds weer problemen krijgen met IE op Windblows. Erg irritant, denk je een site af te hebben werkt hij nog niet op Windblows, grr!
    Misschien kunnen jullie me iets wijzer maken, hier heb ik vast veel aan in de toekomst als jullie me kunnen uitleggen wat ik precies fout doe.

    Hier mijn CSS code:
    [code:1:acf9e4e18d]
    body {
    font: 11px Arial, Tahoma, Verdana, Helvetica;
    background-color: #62abd1;
    text-align: center;
    }
    td {
    font: 11px Arial, Tahoma, Verdana, Helvetica;
    }
    .error {
    color: #d4192b;
    font-weight: bold;
    }
    .header {
    font-weight: bold;
    background-color: #8cd24e;
    color: white;
    }
    .nieuwsheader {
    background-color: #e75820;
    color: #ffffff;
    }
    .kop {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    }
    .info {
    color: #949494;
    }
    .bh_link {
    color: #000000;
    }
    .bh_link a:link {
    color: #000000;
    text-decoration: none;
    }
    .bh_link a:active {
    color: #000000;
    text-decoration: none;
    }
    .bh_link a:visited {
    color: #000000;
    text-decoration: none;
    }
    .bh_link a:hover {
    color: #333333;
    text-decoration: none;
    }

    /* Divjes */
    #container {
    margin: 0 auto;
    position: relative;
    background: url(../img/content_bgr.gif) no-repeat;
    width: 554px;
    height: 506px;
    text-align:left;
    }
    #content {
    width: 540px;
    height: 394px;
    margin-top: 0px;
    margin-left: 7px;
    }
    #header {
    padding-top: 5px;
    margin-left: 6px;
    }
    #header2 {
    margin-top: -60px;
    margin-left: 6px;
    }
    #menu {
    margin-left: 193px;
    margin-top: -39px;
    width: 356px;
    height: 100px;
    background: url(../img/header_bgr.gif) repeat-x;
    text-transform: lowercase;
    }
    #menu a:link {
    text-transform: lowercase;
    text-decoration: none;
    color: #36312a;
    }
    #menu a:active {
    text-transform: lowercase;
    text-decoration: none;
    color: #36312a;
    }
    #menu a:visited {
    text-transform: lowercase;
    text-decoration: none;
    color: #36312a;
    }
    #menu a:hover {
    text-transform: lowercase;
    text-decoration: none;
    color: #ffffff;
    }

    #copyright {
    font-size: 9px;
    color: #353535;
    text-align: center;
    }
    #copyright a:link, a:visited, a:active {
    text-decoration: none;
    color: #585858;
    }
    #copyright a:hover {
    text-decoration: none;
    color: #ffffff;
    }
    [/code:1:acf9e4e18d]

    En even een printscreen van hoe het er op Windblows uit ziet in IE en Firefox.

    Internet Explorer (Windows)

    Firefox (Windows)

    Zoals jullie zien staan die woorden in het menu bovenin nogal dicht op elkaar. Ik heb geprobeerd in #menu met line-height te werken, maar dat geeft geen enkel resultaat. Heeft iemand daar nog ideeën over?

    Bedankt alvast!

    P.s. alle css foutjes zijn welkom!


    Bijdrager
    danielpunt

    Hoe ziet je HTML er uit? Zo word het erg lastig oplossen.
    Laat anders even een voorbeeld online.


    Bijdrager
    aerosoul

    probeer je css ten eerste is op te zetten zonder min waarden. Dat werkt vaak al heel erg goed.

    En inderdaad.. laat je html is zien..


    Bijdrager
    computer space

    FF weergave lijkt ook niet helemaal ok.


    Bijdrager
    chilli dude

    gokje,

    gooi je menu in een <ul> scheelt een hoop en dan aanpassen met CSS

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.