nicht angemeldet
Hallo, ich habe hier schon eins,zwei mal nachgefragt, wie man eine einheitliche Darstellung unter den Browsern erreichen kann.
Nun stehe habe ich so ein Problem:
Hier der Code erstmal:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css" media="screen">
body
{
background-color: darkorange;
margin: 0;
padding: 0;
}
#a
{
height: 5px;
margin: 1em auto;
background-color: darkblue;
}
#b
{
float: left;
width: 150px;
height: 450px;
margin-top: 0.5em;
margin-left: 1em;
border: 2px solid;
background-color: yellow;
}
#d
{
float: left;
width: 80px;
height: 40px;
margin-top: 2.5em;
margin-left: 1em;
background-color: darkgreen;
}
#e
{
float: left;
margin-top: 19em;
width: 80px;
height: 40px;
background-color: darkgreen;
}
#c
{
position: absolute;
left: 50%;
width: 640px;
margin-left: -320px;
top: 50%;
height: 480px;
margin-top: -240px;
text-align: center;
padding: 15px;
background-color: ;
}
</style>
</head>
<body>
<div id="a">
</div>
<div id="b">
<div id="d">
<div id="e">
</div>
<div id="c">
<img class="center" src="logo.jpg" alt=""
</div>
</body>
<html>
Also es wird nur unter Firefox (1.5) korrekt dargestellt, im IE 6 nicht:(
Was ist da falsch?
PS: Sorry für Copy and Paste;)
Mfg hübi