Mellanrum mellan <div> i IE

3 svar · 637 visningar · startad av Dryden 25 jan. 2004

DrydenMedlem sedan aug. 200218 625 inlägg

Frågan25 jan. 2004 21:13#1

Har lite problem. Jag har lagt upp två <div>, de är på 50% vardera där en ligger åt vänster och en åt höger. Tanken är alltså att de ska dela på skärmen vertikalt. Se här för hur jag menar. Problemet är bara att det i IE blir ett vitt mellanrum mellan dessa två <div>. Så blir det dock inte i Firebird.

Följande kod används:

<div id="Layer1" style="position:absolute; left:0px; top:0px; width:50%; height:100%; background: #99CCCC; z-index: 1;"></div>
<div id="Layer2" style="position:absolute; right:0px; top:0px; width:50%; height:100%; background: #993300; z-index: 1;"></div>

Någon?

dectgapMedlem sedan sep. 20021 655 inlägg

25 jan. 2004 21:25#2

xml-taggen gör att IE ställer sig i quirks mode.

Följande fungerar bättre:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>

<div id="Layer1" style="position:absolute; left:0px; top:0px; width:50%; height:100%; background: #99CCCC;"></div>
<div id="Layer2" style="position:absolute; right:0px; top:0px; width:50%; height:100%; background: #993300; "></div>
</body>
</html>

Dock kan det bli ett mellanrum på en pixel beroende på att 50% av ett udda tal (om <body> är ett ojämnt antal pixlar bred) måste avrundas.
Sätt för säkerhets skull bakgrunden på body till #99CCCC eller #993300.

DrydenMedlem sedan aug. 200218 625 inlägg

25 jan. 2004 21:33#3

Man tackar! :)

Men...

xml-taggen gör att IE ställer sig i quirks mode.

Vad menas med det?

dectgapMedlem sedan sep. 20021 655 inlägg

25 jan. 2004 21:47#4

Webbläsarna har två lägen:
Quirks mode och Standards compliance mode
Det förstnämnda är avsett för äldre sidor och för sidor med "fulare" kod. Läsarna har överseende med en hel del felskriven kod och i IE 6 aktiveras vad som kallas för IE box model.
Standards mode är avsett för nyare webbsidor och kräver renare kod.

Exakt vad de två lägena innebär skiljer sig mellan de olika läsarna, men här finns lite läsning om skillnaderna:
http://www.mozilla.org/docs/web-developer/quirks/quirklist.html
http://nontroppo.org/wiki/OperaQuirksMode
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

Om läsaren ställer sig i quirks eller standards mode beror på vilken doctype du väljer (om den utelämnas blir det automatiskt quirks mode).
Här finns en lista över olika doctypes:
http://www.hut.fi/u/hsivonen/doctype.html

Jag hade för mig att Jarvklo hade skrivit något om quirks/standards mode på xhtml.nu, och där hittade jag länken till:
http://www.webforum.nu/showthread.php?s=&postid=650163#post650163