Tweet
Hallo,
ich habe folgenden HTML-Code:
Problem -> Die untere Box verhält sich im IE so wie ich es will: Die Breite wird dem Kindelement (sizer) angepasst. Im Firefox bleibt die Breite so breit wie der Bildschirm ist.
ich habe folgenden HTML-Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html {
height:100%;
}
body {
height:100%;
background-color:#B7C6CC;
color:black;
}
#header {
padding:5px;
margin:5px;
height:60px;
background-color:white;
}
#menu {
padding:5px;
margin:5px;
height:25px;
background-color:white;
}
#content {
padding:5px;
margin:5px;
background-color:white;
}
.bracket {
position:absolute;
border:1px solid red;
left:25px;
text-align:center;
font-size:11px;
}
.sizer {
border:1px solid blue;
height:1700px;
width:2000px;
}
//-->
</style>
<title>L T 1</title>
</head>
<body>
<!-- Titelzeile -->
<div id="header">TEST</div>
<!-- Menu -->
<div id="menu">menu</div>
<!-- Inhalt -->
<div id="content">
<div class="sizer">
<div class="bracket">
test
</div>
</div>
x
<br />
</div>
</body>
</html>
Kommentar