thuemmy
Aktives Mitglied
Hallo Forum,
Überschirft sollte lauten: Inhalt verrutscht auf allen Seiten
sicherlich nur ein kleines Problem, aber ich finde den Fehler nicht. Wie von einem User aus dem Forum vorgeschlagen, hab ich an der Website einige Änderungen gemacht. Unter anderem habe ich die Überschriften neu gemacht, d. h. ich habe dem Logo, das auf jeder Seite kommt, ein <h1>-Tag zugeordnet. Nun ist das Problem, das das Logo nicht mehr an meinen oberen Div-Box-Rand stößt, wie das vorher so schön war. Dem <h1>-Tag kann ich ja leider kein top-margin zuordnen. Wo kann ich noch was machen?
Übrigens, im IE 6 wird das so angezeigt, wie ich das gerne hätte. Das heißt dann wohl, dass ich einen gewaltigen Fehler drin habe
CSS:
HTML:
Gruß thuemmy
Überschirft sollte lauten: Inhalt verrutscht auf allen Seiten
sicherlich nur ein kleines Problem, aber ich finde den Fehler nicht. Wie von einem User aus dem Forum vorgeschlagen, hab ich an der Website einige Änderungen gemacht. Unter anderem habe ich die Überschriften neu gemacht, d. h. ich habe dem Logo, das auf jeder Seite kommt, ein <h1>-Tag zugeordnet. Nun ist das Problem, das das Logo nicht mehr an meinen oberen Div-Box-Rand stößt, wie das vorher so schön war. Dem <h1>-Tag kann ich ja leider kein top-margin zuordnen. Wo kann ich noch was machen?
Übrigens, im IE 6 wird das so angezeigt, wie ich das gerne hätte. Das heißt dann wohl, dass ich einen gewaltigen Fehler drin habe
CSS:
Code:
body {
background-image: url(../images/bg2.jpg);
background-repeat: repeat;
background-color: white;
font-family: Verdana, Arial, sans-serif;
}
h2 { font-size:130%; }
h3 { font-size:100%; }
.main {
width:720px;
margin-left:auto;margin-right:auto;
margin-top:15px;
margin-bottom:15px;
border-width:1px;
border-style: solid;
border-color: black;
background-color: #FFC;
}
#navsite h2 {
display:none;
}
#navsite ul {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#navsite ul li {
list-style: none;
margin: 0;
display: inline;
}
#navsite ul li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #F5BF4F;
/* background: #DDE; */
text-decoration: none;
}
#navsite ul li a:link {
color: #448;
}
#navsite ul li a:visited {
color: #667;
}
#navsite ul li a:link:hover , #navsite ul li a:visited:hover {
color: #000;
background: #25A0F6;
color: #FFF;
/* background: #AAE;
border-color: #227; */
}
#navsite ul li a#current {
background: white;
border-bottom: 1px solid white;
}
.content {
width:700px;
height:100%;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
/* background-color: white; */
background-color: #FFC;
padding:10px;
}
#partner ul {
list-style-type: none;
margin-left: 30px;}
#partner li {
margin-top: 30px;
}
#links {
width: 49%;
float: left;
}
#links li {
font-size:95%;
}
#rechts {
width: 49%;
float:left}
#rechts li {
font-size:95%;
}
#leistung_unten {
clear:left;
}
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Molitor Bedachungen GmbH - Eltville - Kontakt mit uns</title>
<meta http-equiv="cache-control" content="no-cache">
<meta name="description" content="Beschreibung">
<meta name="author" content="Matthias">
<meta name="keywords" content="Schlüsselwörter">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="./style/style.css">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div class="main" >
<h1><img src="http://www.html.de/images/logo.jpg" width="720" height="117" border="0" alt="Molitor-Bedachungen"></h1>
<div id="navsite">
<h2>Navigation</h2>
<ul>
<li><a href="index.php">Startseite</a></li>
<li><a href="ueber_uns.php">Über uns</a></li>
<li><a href="leistungen.php">Leistungen</a></li>
<li><a href="bilder.php">Bilder</a></li>
<li><a href="aktuell.php5">Aktuelles</a></li>
<li><a href="partner.php">Partner</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
<li><a href="impressum.php">Impressum</a></li>
</ul></div>
<div class="content"><h2>Kontakt mit uns</h2>
<p>Kontaktforumlar in PHP.</p>
</div>
</div>
</body>
</html>
Zuletzt bearbeitet:
