Hallo Leute bitte seht euch mal die Seite im IE7 und Firefox 3 an , kann mir da jemand helfen, warum verrutscht der banner nach unten. Wenn ihr auf die validierungsbanner klickt seht ihr das alles in ordnung ist kann mir da jemand helfen?
html
HTML
<!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" lang="en" xml:lang="en">
<head>
<title>Willkommen</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link href="design.css" type="text/css" rel="stylesheet" />
<link href="/img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
<div class="back">
<div class="inhalt">
<div class="leftboard">
<div class="leftboard_top">
<h1>News</h1><br />
<h4><a href="index.php">Newslink1</a><br />
<a href="index.php">Newslink1</a><br />
<a href="index.php">Newslink1</a><br />
<a href="index.php">Newslink1</a><br />
<a href="index.php">Newslink1</a><br /></h4>
</div>
<div class="leftboard_navi">
<h1 id="left">Start</h1><br />
<a href="index.php">Übersicht</a><br />
<a href="index.php">Start</a><br />
<a href="index.php">Start</a><br />
<a href="index.php">Start</a><br />
<a href="index.php">Start</a><br />
<a href="index.php">Start</a><br />
<a href="index.php">Start</a><br />
</div>
<div class="leftboard_bottom">
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10" width="88" height="31"
alt="XHTML" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img src="http://jigsaw.w3.org/css-validator/images/vcss-blue" width="88" height="31"
alt="Valides CSS" />
</a>
</div>
</div>
<!--Beginn Header-->
<div class="headrahmen">
<div class="banner">
<a href="http://*********"><img src="img/bann1.gif" width="468" height="60" alt="?" /></a>
</div>
</div>
<!--End header-->
<br />
<h1>Herzlich Willkommen</h1>
<br /><br />
<h2>Und hier die zweite Überschrift......und wie lange geht das hier noch bis
der text automatisch einen neuen Zeilenumbruch macht. na dann schauen wir mal
ob er es noch so beibehält:)
und hier noch mehr Text in Überschrift H2<br />
.......</h2>
<h3>Hier der Inhaltstext</h3>
</div>
</div>
</body>
</html>
css
Code
* {margin:0px;}
.back {
width: 100%;
height: 900px;
background-color: #C5D6D6;
}
.inhalt {
width: 80%;
height: 900px;
background-color: #EEF0D5;
margin: auto;
}
/*Beginn Linke Hälfte*/
.leftboard {
width: 175px;
height: 900px;
background-color: #000000;
float: left;
}
.leftboard_top {
width: 175px;
height: 200px;
background-color: #DCE9D3;
}
.leftboard_navi a, a:link {
color: #999933;
}
.leftboard_navi {
width: 135px;
height:350px;
background-color: #FFFFFF;
padding: 25px 0 0 40px;
}
.leftboard_bottom {
width: 135px;
height: 116px;
background-color: #C0C0C0;
padding: 25px 0 0 40px;
}
/*Ende Linke Hälfte*/
.headrahmen {
width: auto;
height: 145px;
background-image: url
(img/headhintergrund.jpg);
}
.banner {
width: 468px;
height: 60px;
background-color: #000000;
margin: 20px 0 0 76px;
}
/* Überschriften */
h1#left {
text-align: left;
}
h1 {
text-align: center;
font-family: candara;
color: #111100;
}
h2 {
text-align: left;
font-family: calibri;
color: #000000;
}
h3 {
text-align: left;
font-family: calibri;
color: #000000;
}
h4 {
text-align: center;
}
Du hast eben das valide-Zeichen auf der Page, also schau, dass es valide ist.