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)

IE weer... (CSS position:fixed)

Ger
3 antwoorden
  • IE bezorgt me weer hoofdpijn. Het volgende: ik wil naast de inhoud van mijn pagina (750px breed, gecentreerd) een verticale banner hebben staan. Die wil ik rechtsonder hebben, zodat het altijd op het scherm zichtbaar blijft ongeacht het scrollen.

    Daarvoor heb ik dit in de CSS staan:
    [code:1:95714537a9]
    #rechterkolom {
    position: fixed;
    bottom: 13px;
    right: 1px;
    width: 124px;
    }[/code:1:95714537a9]
    Helaas plaatst IE dit helemaal linksonderin, nog onder de inhoud (en het gaat niet mee met scrollen). Totaal niet wat ik voor ogen had dus.

    Extra info: Mijn doctype is:
    [code:1:95714537a9]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">[/code:1:95714537a9]
    Ik heb gisteren ivm de validatie flink wat lopen klooien met diverse doctypes, maar met bovenstaande heb ik de boel 100% valid gekregen. Maar misschien zorgt dit ervoor dat IE en bovenstaande CSS niet werkt? Of is de CSS gewoon verkeerd?
  • Update: ik wist het niet zeker, maar nu wel: bovenstaande is alleen bij IE6. IE7 geeft het wel gewoon goed weer.
  • Het is waarschijnlijk niet de meest nette of elegante oplossing, maar wellicht wel de makkelijkste: gebruik conditional comments in combinatie met de IE7 "hack" van Dean Edwards. Alleen toepassen op IE6 en evt IE5, alle andere browsers ondersteunen wat je wil wel uit zichzelf.

    - Bas

Beantwoord deze vraag

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