nicht angemeldet
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