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
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 unsNavigation
Kontakt mit uns
Kontaktforumlar in PHP.