John: 100% Container

Beitrag lesen

SELF-Forum

100% Container

John
– Informationen zu den Bewertungsregeln

Hi

dazu habe ich 2 Fragen, warum wird bei folgenden HTML-Code ein Scrollbalken angezeigt?

<?xml version="1.0" encoding="utf-8"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de" xml:lang="de">  
<head>  
 <title>Untitled</title>  
<style type="text/css">  
<!--  
body, html {  
  height: 100%;  
  min-height: 100%;  
  margin: 0;  
  padding: 0;  
}  
#container {  
  margin: 0 auto;  
  width: 766px;  
  min-height: 100%;  
  height: 100%;  
  border: 1px solid green;  
}  
//-->  
</style>  
</head>  
  
<body>  
<div id="container"><p>x</p></div>  
</body>  
</html>

warum wird bei folgenden Code (mit CDATA) die Höhe von 100% ignoriert?

<?<?xml version="1.0" encoding="utf-8"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de" xml:lang="de">  
<head>  
 <title>Untitled</title>  
<style type="text/css">  
<!--  
// <![CDATA[  
body, html {  
  height: 100%;  
  min-height: 100%;  
  margin: 0;  
  padding: 0;  
}  
#container {  
  margin: 0 auto;  
  width: 766px;  
  min-height: 100%;  
  height: 100%;  
  border: 1px solid green;  
}  
// ]]>  
//-->  
</style>  
</head>  
  
<body>  
<div id="container"><p>x</p></div>  
</body>  
</html>

John

Beitrag melden
–
Informationen zu den Bewertungsregeln