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)

[CSS] Verschil middenframe IE en FF

boelieboelie
3 antwoorden
  • Hallo,
    Ik ben css op m'n webpagina aan het toepassen. 3 kolommen waarvan de rechter en linker navigatie zijn en de center kolom de content bevat.

    Als ik de pagina open in Internet Explorer ziet alles er "keurig" uit.
    Open ik hem in Firefox, dan zie ik dat de centerkolom breder is en dat de tekst vanaf boven, verder naar onder begint.

    Ik begrijp echt niet hoe ik dat verschil moet oplossen, zodra ik margin oid doe blijf ik een verschil houden tussen de 2 browsers.

    Dit zijn even 2 testpagina's:
    http://www.zkkf.nl/cssopzet/inleiding.php
    http://www.zkkf.nl/cssopzet/cssopzet.php

    Dit is de css opmaakcode voor de betreffende center kolom.

    [code:1:4a27b76f88]
    #c-col{
    position: relative;
    overflow:auto;
    margin: 0px 0px 0px 181px;
    border: 0px solid #333333;
    background:#d1d1d1;
    color: #333333;
    padding: 5px;
    width: 670px;
    height: 82%;
    z-index: 3;
    }
    [/code:1:4a27b76f88]

    Ik hoop dat iemand me weer op weg kan helpen.
  • padding ook al geprobeerd?
    Probeer op alle elementen padding en margin toe te passen.
  • Het probleem treedt op als ik voor de middenkolom padding opgeef. Dan word de middenkolom breeder en gaat over de rechterkolom heen in Firefox en in IE blijft alles goed….

    Ik heb voor de middenkolom een vaste breedte opgegeven

    [code:1:16f23c49a2]
    #c-col{
    position: relative;
    overflow:auto;
    margin-left: 161px;
    border: 0px solid #333333;
    background:#d1d1d1;
    color: #333333;
    padding:20px;
    width: 690px;
    height: 82%;
    z-index: 3;
    }
    [/code:1:16f23c49a2]

    Firefox: de middenkolom word breder en gaat 20px over de rechterkolom.
    [img:16f23c49a2]http://www.mikezwetsloot.nl/forumpics/firefox.JPG[/img:16f23c49a2]

    Explorer: alles blijft goed.
    [img:16f23c49a2]http://www.mikezwetsloot.nl/forumpics/explorer.JPG[/img:16f23c49a2]



    Update 01-01 14:21
    Bijkomend nadeel is dat ik FF niet kan scrollen en in IE wel:
    Zie: http://www.zkkf.nl/cssopzet/inleiding.php

Beantwoord deze vraag

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