Hallo Leute, ich habe eine Seite gebaut, welche in Moziilla Firefox auch einfwandfrei läuft, aber im IE total falsch angezeigt wird.
[
Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
Das CSS sieht momentan so aus:
Zitat:
html, body {
height : 100%;
margin : 0;
padding : 0;
background : #8ea6d3;
font-size : 100.01%;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
* html #layout {
height : 100%;
}
#wrapper {
background : #3b5d9a no-repeat;
margin : 0 auto;
width : 787px;
padding-bottom : 2px;
}
#layout {
margin : 0 auto;
width : 772px;
text-align : left;
min-height : 100%;
height : auto;
background-color: #FAF9EE;
}
h1 {
width : 100%;
height : 303px;
position : relative;
padding : 0;
margin : 0;
background : #fff;
}
h1 span {
background : url(bilder/h3.jpg) no-repeat;
position : absolute;
width : 100%;
height : 100%;
}
h2 {
font-size : 120%;
font-weight : normal;
border-bottom : 1px solid #999;
margin : 0 2em 0 0;
}
#navigation {
display : block;
height : 41px;
font : bold 0.9em Tahoma, sans-serif;
background : url(bilder/nav.jpg) repeat-x;
}
#navigation ul {
margin : 0 auto;
padding : 0;
list-style-type : none;
}
#navigation ul li {
display : block;
float : left;
margin : 0;
width: 80px;
}
#navigation ul li a {
display : block;
float : left;
width: 80px;
color : white;
text-decoration : none;
line-height : 39px;
padding-left : 10px;
padding-right : 10px;
}
#navigation ul li a:hover, a:active {
background : #fbf9f4;
color : #0b060f;
}
.normal {
}
.normalast {
}
#sidebar {
float : right;
width : 31%;
padding-top : 20px;
font-size : 0.85em;
}
#inhalt {
text-align : left;
font-size : 0.85em;
color : #666;
margin-right : 32%;
line-height : 1.4em;
background : #fff;
padding-top : 20px;
padding-left : 14px;
padding-right : 14px;
padding-bottom : 10px;
border-right : 1px solid #c9c6b3;
}
#footer {
text-align : left;
text-indent : 1em;
color : #eed;
padding : 1px;
font-size : 10px;
}
|
und hier der Html code der Index.html:
Zitat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test GmbH</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
@import "style.css";
</style>
</head>
<body>
<div id="wrapper">
<div id="layout">
<h1><span></span>test gmbh</h1
<div id="navigation">
<ul>
<li class="normal"><a href="index.html">Startseite</a></li>
<li class="normal"><a href="impressum.html">Impressum</a></li>
</ul>
</div>
<div id="sidebar">
<h2>News</h2>
<p>
Coming Soon
</p>
</div>
<div id="inhalt">
<h2>test GmbH</h2>
<p>
Coming Soon
<br><br><br>
</p>
<div id="infoot"></div>
</div>
</div>
<div id="footer">
<p>
<span>© - Alle Rechte vorbehalten</span>
</p>
</div>
</div>
</div>
</body>
</html>
|
Hilfe bei Internet Explorer Kompatibilität
Hybrid-Darstellung
