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 mozilla en internet explorer

karelzooi
4 antwoorden
  • Beste,

    gelieve een kijkje te nemen op http://www.chirohumbeek.be/75jaar

    Kan iemand mij vertellen waarom in IE er vanonder nog een stukje rood komt (= background-color van body-element), in FF is dit niet het geval en ik wil het zoals het zich in FF voordoet, zodat het dus zonder scroll kan bekeken worden.


    Alvast bedankt.

    Thijs
  • Ik kan niet achterhalen waar die ene pixel extra ruimte vandaan komt maar ik heb wel een elegante oplossing die maar een minimale aanpassing in je css vereist.

    Verwijder uit je div.content de regels;
    bottom: 30px;
    overflow: auto;

    en verander in je div.bottombar
    position: absolute;
    in position: fixed;

    Kijk maar even wat je daar mee kunt. (alleen je top menu scrollt nu wel mee…)

    [i:b5626ce2a3][b:b5626ce2a3]aanvulling:[/b:b5626ce2a3][/i:b5626ce2a3]
    Oke, dus om het helemaal origineel te houden moeten nog wat meer aanpassingen gemaakt worden hier alle verranderingen ( :) ):
    [quote:b5626ce2a3]div.topbar{
    background-color: #008;
    height: 30px;
    [b:b5626ce2a3]width: 100%;
    position: fixed;
    top:0;
    z-index: 20;[/b:b5626ce2a3]
    }

    div.menubar{
    [b:b5626ce2a3]position: fixed;
    top: 30px;
    z-index: 21;[/b:b5626ce2a3]
    background-color: #d00;
    height: 100px;
    [b:b5626ce2a3]width: 100%;[/b:b5626ce2a3]
    color: #fff;
    border-bottom: 3px solid #008;
    }

    div.content{
    position: absolute;
    [b:b5626ce2a3]z-index: 5;[/b:b5626ce2a3]
    top: 133px;
    width: 100%;
    background-color: #db5;
    padding-bottom: 50px;
    }

    div.bottombar{
    [b:b5626ce2a3]position: fixed;
    z-index: 15;[/b:b5626ce2a3]
    bottom: 0px;
    height: 30px;
    width: 100%;
    background-color: #008;
    margin: 0px;
    padding: 0px;
    }
    [/quote:b5626ce2a3]
    Enig probleem is dat je nu het "met dank aan de…" menu item kan zien, maar die moet je er dan maar uitslopen.

    Oh en ik was bijna vergeten te zeggen dat het gebruik van absolut gepositioneerde elementen eigenlijk nergens voor nodig is en over het algemeen alleen maar voor problemen zorgt. Dus volgende keer gewoon de natuurlijke flow van de pagina gebruiken……beloofd?
  • ziehier resultaat
    http://chirohumbeek.be/75jaar

    ik heb enkel de bottombar fixed gezet en het was al in orde!
    het enige hatelijke nu is de "lege" scrollbar in internet explorer, maar bon, daar kunnen we niets aan veranderen

    bedankt mate!
  • Ja, maar dan heb je nog steeds de scrollbar op de verkeerde plaats, lijkt net alsof je een frame gebruikt…. (jach) maar ja, dat is mijn esthetische voorkeur…

Beantwoord deze vraag

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