webForumDet fria alternativet

Mellanrum mellan <div> i IE

3 svar · 636 visningar · startad av Dryden

DrydenMedlem sedan aug. 200218 625 inlägg
#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
#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
#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
#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

133 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)