CSS Mozilla und IE
isabel
- css
0 Orlando
LIebe Leute,
was macht nur der IE anders als der Mozilla. ICh hätte gerne keinen Platz zwischen dem workspace und den div0 und div1?
Kann mir jemand helfen?
lg
Isabel
BeispielCode:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/ DTD/xhtml11.dtd">
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color:white;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.center{
width: 700px;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
margin-right:auto;
margin-left: auto;
background: #666;
border: 5px solid #ccc;
text-align:left;
height:800px;}
.menu {
width:100%;
float:left;
border:1px solid black;
}
.toolbar {
width:100%;
float:left;
border:1px solid black;
}
.logo {
top:20px;
left:20px;
width:100%;
float:left;
border:1px solid black;
}
.workspace{
width:420px;
height:600px;
float:right;
background-color:white;
border:1px solid black;
padding-left:-10px;
}
.d0{
width:250px;
height:200px;
float:left;
background-color:white;
border:1px solid black;
}
.d1{
width:250px;
height:400px;
float:left;
background-color:white;
border:1px solid black;
}
-->
</style>
</head>
<body>
<div id="center" class="center">
<div id="logo" class="logo">Logo</div>
<div id="menu" class="menu">Menu</div>
<div id="toolbar" class="toolbar">Toolbar</div>
<div id="workspace" class="workspace">workspace</div>
<div id="div0" class="d0" >div0</div>
<div id="div1" class="d1" >div1</div>
</div>
</body>
</html>
Hi Isabel,
was macht nur der IE anders als der Mozilla.
er schlittert frohen Mutes in den seit Jahren hartnäckig bestehenden Box Model Bug, sobald man
<?xml version="1.0" encoding="iso-8859-1"?>
eine XML-Deklaration in seine Dokumente setzt. Lösung: Zeile weglassen oder den Elementen etwas Luft zum Leben lassen.
Grüße,
Roland