Inhalt verrutscht auf fast allen Seiten

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

-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

-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 :smiley:

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]HTML:

[code]

Molitor Bedachungen GmbH - Eltville - Kontakt mit uns

Molitor-Bedachungen

Kontakt mit uns

Kontaktforumlar in PHP.

[/code]Gruß thuemmy

h1 margin

In deiner aktuellen css steht:

h1 { padding-top:0px; }

Erweitere das mal in:

h1 { padding-top:0; margin-top: 0; }

Eine Einheit ist bei dem Wert 0 nicht nötig. Stört aber auch nicht.
Die Browser haben unterschiedliche margin / padding-Werte voreingestellt.
Deshalb die unterschiedlichen Ergebnisse.

Vielen Dank für Deine Hilfe, es klappt.

Gruß thuemmy