8 berichten aan het bekijken - 1 tot 8 (van in totaal 8)
  • Q:
    Inactief
    Anoniem

    Sitecheck – compatibiliteit

    http://chriswi.be/aqua2010/nederlands/home.html

    In Safari 4, Opera 9 en FireFox 3 getest, ziet er allemaal denk ik OK uit.
    Maar natuurlijk loopt het in Internet Explorer 6 (7 weet ik niet) helemaal fout …

    Dit is een mac forum maar ik denk wel dat ik hier de persoon zal vinden die hier een antwoord op kan geven.

    Hier de css codes:

    layout.css

    [code:1:0a2b686d9a]
    @import url("text.css");
    * {
    padding:0;
    margin:0;
    }
    body,html {
    background-image:url(../images/bodybg.jpg);
    background-position: center top;
    background-attachment: fixed;
    background-repeat: repeat;
    }
    #container {
    width: 955px;
    height: 966;
    margin-left: -477px;
    left: 50%;
    top:20px;
    position: relative;
    min-height:100%;
    _height:100%;
    }
    #header {
    width:955px;
    height:334px;
    left:0px;
    position:absolute;
    background-image:url(../images/header.png);
    }
    #buttons {
    width:955px;
    height:88px;
    position:absolute;
    left:0px;
    top:15px;
    }
    #logo {
    width:511px;
    height:158px;
    position:absolute;
    left: 419px;
    top: 99px;
    background-image:url(../images/aqua2010logo.png);
    }
    #search {
    width:200px;
    height:50px;
    position:absolute;
    z-index:1;
    left: 731px;
    top: 318px;
    vertical-align: middle;
    }

    #counter {
    width:229px;
    height:59px;
    position:absolute;
    top:369px;
    left: 730px;
    }
    #footer {
    width:955px;
    height:151px;
    position:absolute;
    top:834px;
    background-image:url(../images/footer.png);
    background-repeat: no-repeat;
    }
    #content {
    width:955px;
    height:500px;
    top:334px;
    background-image:url(../images/bg.png);
    background-repeat: repeat-y;
    position:absolute;
    }
    #lcolumn {
    position:absolute;
    z-index:1;
    left:25px;
    width:175px;
    height:auto;
    top:334px;
    }
    #mcolumn {
    position:absolute;
    z-index:1;
    left:201px;
    width:529px;
    height:auto;
    top:334px;
    }
    #rcolumn {
    position:absolute;
    z-index:1;
    right:26px;
    width:200px;
    height:405px;
    top:427px;
    }
    [/code:1:0a2b686d9a]

    Text.css

    [code:1:0a2b686d9a]

    body,html {
    font-family:Arial, Helvetica, sans-serif;
    }#container #lcolumn .listlcolumn {
    padding-left: 50px;
    color: #000066;
    list-style-type: disc;
    }
    .linkslcolumn {
    text-decoration: none;
    color: #000066;
    font-size: 16px;
    font-weight: normal;
    }
    #container #mcolumn p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-right: 50px;
    text-align: justify;
    }
    A:hover {text-decoration: none; color: #0099FF;
    }
    .flagsmall {
    align: center;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 7px;
    margin-bottom: 0px;
    margin-left: 0px;
    }
    #container #footer .footerlinks {
    color: #FFFFFF;
    text-decoration: none;
    }
    .footertitle {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
    }
    .footerlinks {
    color: #FFFFFF;
    font-size: 11px;
    padding-bottom: 5px;

    }
    .counter {
    font-family: Arial, Helvetica, sans-serif;
    color: #000066;
    font-size: 10px;
    }
    .center {
    padding-left: 15%;
    }
    [/code:1:0a2b686d9a]

    Alvast bedankt:-)

    Bijdrager
    chilli dude

    En wat heb je er zelf aan gedaan om het probleem proberen op te lossen?

    Bijdrager
    GrizzDesign

    Ik heb zo snel niet uitgebreid de CSS doorgekeken, maar wat me sowieso opvalt is hoe je een commentaar hebt gemaakt:
    [code:1:7b6eb3ab05]<!–>CONTAINER<–>[/code:1:7b6eb3ab05]
    Als dit dit aanpast in:
    [code:1:7b6eb3ab05]<!– CONTAINER –>[/code:1:7b6eb3ab05]
    … dan heeft Internet Explorer in iedergeval dat al snel opgelost;)

    Moderator
    Night

    Hmzz… link doet ’t niet…:?

    Inactief
    Anoniem
    ”GrizzDesign”

    Ik heb zo snel niet uitgebreid de CSS doorgekeken, maar wat me sowieso opvalt is hoe je een commentaar hebt gemaakt:
    [code:1:e22fedbc02]<!–>CONTAINER<–>[/code:1:e22fedbc02]
    Als dit dit aanpast in:
    [code:1:e22fedbc02]<!– CONTAINER –>[/code:1:e22fedbc02]
    … dan heeft Internet Explorer in iedergeval dat al snel opgelost;)

    Wat een stomme fout van mij:p
    De layout ziet er al veel beter uit zo, nu nog het png transparantieprobleempje zien op te lossen voor IE 6
    In IE 7 ziet het er al goed uit:-)

    ”Night”

    Hmzz… link doet ’t niet…:?

    Heb eventjes de pagina ververst, nu staat hij er weer:-)

    Bijdrager
    Buzzin Hornet

    http://jquery.khurshid.com/ifixpng.php

    PNG is in IE6 alleen met javascript op te losen

    Bijdrager
    imathijs

    http://jquery.khurshid.com/ifixpng.php

    PNG is in IE6 alleen met javascript op te losen

    Geniaal! Precies wat ik nodig had, mijn dank is groot.

    Bijdrager
    Nietzman

    In plaats van alleen een pngfixs kun je ook gewoon ie7.js gaan includen.

    http://code.google.com/p/ie7-js/

    Die trekt IE6 stukken meer in het gareel.

    IE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.

    Heeft bij mij al veel kopzorgen voorkomen.

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

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