Mike: Firefox und height

SELF-Forum

Firefox und height

Mike
– Informationen zu den Bewertungsregeln

Hi,

im folgenden Beispiel wird im main2 der Text weiter geführt der Border allerdings richtet sich an die height-Angabe, wieso?

Also wenn ich height weglasse dann geht der Border bis zum Ende des Textes.

Also so:
#main2{border:2px solid red;}

Nur im FF, IE6 orientiert sich übrigens am Text und finde ich auch richtig oder habe ich einen Denkfehler?

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
<head>  
<title>New Document</title>  
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />  
<style type="text/css">  
  
*{font-family:arial;color:#000000;}  
html{margin:0;padding:0;height:100%;background-color:#ffffff;overflow:hidden;}  
body{  
background-color:#ffffff;  
margin:0;padding:0;height:100%;width:100%;  
}  
  
  
  
#main{  
position:absolute;top:5%;left:5%;  
width:89%;  
height:82%;  
overflow:auto;  
z-index:1;  
border:1px solid #000000;  
padding:2%;  
}  
  
#main2{  
height:40%;  
border:2px solid red;  
}  
  
</style>  
  
</head>  
<body>  
  
  
<div id="main">  
  
 <div id="main2">  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
<h2>test</h2>  
 </div>  
  
</div>  
  
</body>  
</html>

Mike

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Firefox und height

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    im folgenden Beispiel wird im main2 der Text weiter geführt der Border allerdings richtet sich an die height-Angabe, wieso?

    weil dies exakt das definierte Verhalten ist. Jeder Browser, der etwas anderes tut, missachtet die Standards.

    Nur im FF, IE6 orientiert sich übrigens am Text

    Falsch. Nur der IE orientiert sich entgegen Deiner Angabe am Inhalt des Elements. Alle anderen Browser verhalten sich richtig, nicht nur Firefox.

    und finde ich auch richtig oder habe ich einen Denkfehler?

    Wozu dient denn eine Höhenangabe, wenn das Element dann doch höher werden soll? Wenn Du eine Mindesthöhe angeben möchtest, dann verwende die min-height-Eigenschaft.

    *{font-family:arial;color:#000000;}

    Vergiss *NIE* die generische Schriftfamilie.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln