Moin,
ich habe das Problem, dass die folgende index.html nicht korrekt im IE 7 dargestellt wird. Der Text im H2-Tag wird im IE 7 nicht angezeigt. In der Quelltext-Anzeige steht der Text aber, also kann es schonmal nicht am Cache liegen.
Habe die Dateien auch auf Validität getestet, alle sind gänzlich ohne Fehler.
Code:
<!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" xml:lang="en" lang="en">
<head>
<title>Some Title</title>
<link rel="stylesheet" type="text/css" href="css/main.css" ></link>
<link rel="stylesheet" type="text/css" href="css/header.css" ></link>
<link rel="stylesheet" type="text/css" href="css/content.css" ></link>
<link rel="stylesheet" type="text/css" href="css/mask.css" ></link>
<link rel="stylesheet" type="text/css" href="css/footer.css" ></link>
<link rel="stylesheet" type="text/css" href="css/navi_left.css" ></link>
</head>
<body>
<div id="main">
<div id="header">
<p id="title">
Some Title
</p>
<!-- header --></div>
<div id="navi_left">
<!-- navi_left --></div>
<div id="mask">
<h2 id="mask_title">Titel von Maske</h2>
<div id="content">
<!--content --></div>
<!-- mask --></div>
<div id="footer">
<!-- footer --></div>
<!-- main --></div>
</body>
</html>
Die Css dazu sehen folgendermaßen aus:
Code:
/* main.css */
* {
padding: 0;
margin: 0;
}
body {
color: #000;
background-color: #fff;
}
div#main {
position: relative;
top: 20px;
width: 1024px;
height: 600px;
margin: auto;
background-color: #DCDCDC;
border-bottom: 1px solid #000;
}
Code:
/* navi.css */
div#navi_left {
position: absolute;
top: 0;
width: 200px;
height: 549px;
background-color: #B0C4DE;
color: inherit;
border-bottom: 1px solid #fff;
}
Code:
/* header.css */
div#header {
position: relative;
left: 200px;
width: 824px;
height: 150px;
border-bottom: 1px solid #fff;
background-color: #B0C4DE;
color: #228B22;
}
p#title {
position: relative;
width: inherit;
height: 99px;
text-align: center;
top: 50px;
background-color: inherit;
color: inherit;
font-size: 18px;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
Code:
/* mask.css */
div#mask {
position: relative;
left: 200px;
width: 823px;
height: 398px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
background-color: #EEE8AA;
color: inherit;
}
h2#mask_title {
position: relative;
color: #000;
background-color: inherit;
z-index: 5;
}
Code:
/* footer.css */
div#footer {
position: relative;
width: 1024px;
height: 50px;
background-color: #B0C4DE;
color: inherit;
}
Die Datei content.css ist zurzeit noch leer.
