« PHP op een A4′tje
Bloesemrock »

Verticaal centreren (IE & Mac)

Zaterdag 07 Mei, 2005

Verticaal centreren en IE & Mac, die combinatie schijnt nie zo goed te werken. De sites robbe-tournel.be en yappa.be/marketingevenement/ zagen er totaal niet uit op IE op de mac Mini van Inventis…

De sites zijn verticaal gecentreerd in CSS…Tableless design zoals ze zeggen. Met divkes bedoelen we dan…

De code:

container {
	position: absolute;
	width: 760px;
	height: 542px;
	margin-top: -261px;
	top: 50%;
	left: 50%;
	margin-left: -380px;
}

Toont overal goed…behalve bij de combinatie Mac - Internet Explorer. De oorzaak ligt bij de DOCTYPE. Om één of andere reden toont de Mac IE het niet juist, wanneer er XHTML (transitional of strict) gedeclareerd wordt. Gebruik dus voor deze browser een HTML transitional doctype.

Iemand die me kan vertellen over het “waarom”?

Dit bericht werd gepost op Zaterdag 07 Mei, 2005 om 03:00 en staat gearchiveerd onder Internet, CSS. Je kan de reacties blijven volgen met een RSS 2.0 feed. Je kan reageren op dit bericht, of trackbacken vanaf je eigen website.

2 reacties op “Verticaal centreren (IE & Mac)”

  1. Morph zegt:
    Zondag 15 Mei, 2005 op 18:05

    Het probleem ligt ten volle bij IE ;-) gelijk gewoonlijk.

    Dit heeft te maken met dat ie xhtml niet volledig ondersteunt, dus hij ziet die xhtml doctype en probeert die te renderen volgens de ie standaard voor xhtml, met alle gevolgen van dien. De druk met de doctype helpt omdat er dan een andere manier van renderen wordt gebruikt.

  2. jeroen zegt:
    Dinsdag 20 Sep, 2005 op 17:37

    Schijnt verholpen te kunnen worden door er een xml tag boven te plaatsen als volgt:

    <?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    dit schijnt te helpen bij IE voor de Mac…

Reageren