Layout verschiebt sich

firewoman · 01.12.2009

Hallo,

versuche gerade eine Webseite aufzubauen,
nun habe ich das Problem, das mir zwischen Navi und Footer immer ein paar Pixel dargestellt werden, obwohl ich padding und margin auf 0 gesetzt habe, kann mir jemand weiterhelfen?
Finde einfach den Fehler nicht.
hier mal der Quellcode:
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
<link rel="stylesheet" type="text/css" href="css/content.css" />
<link rel="stylesheet" type="text/css" href="css/navigation.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>---</title>
<style type="text/css">

</style>
</head>

<div id="content">
<br />
<br />
<br />
</div>
</div>
</div>

<body>

<div id="layout">
<div id="header">
<div id="header-center"> </div>
</div>
<div id="container">
<div id="navi">
<div align="center"></div>

<table width="723" height="48" border=0 cellpadding=0 cellspacing=0>

<tr>

<td align="center" width="100"><a href="#" class="Stil4">Home</a></td>

<td width="20"> </td>

<td align="center" width="100"><a href="#" class="Stil4">über uns</a></td>

<td width="20"> </td>

<td align="center" width="100"><a href="#" class="Stil4">unsere Angebote</a></td>

<td width="20"> </td>

<td width="100" align="center" class="Stil4"><a href="#" class="Stil4">Kontakt</a></td>

<td width="20"> </td>
<td align="center" width="100"><a href="#" class="Stil4">Impressum</a></td>

<td width="20"> </td>
</tr>

</table>

</div>

<div id="container-center">
<div id="content">

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
</p>
</div>
</div>

<div id="footer">
<div id="footer-center"> </div>
<div id="footer-content">
<p>© Copyright 2009 - by <a href="http://www.wege-der-stimme.info"
target="_blank">wege-der-stimme.info</a></p>
</div>
</div>
</div>

</body>
</html>
und hier noch die css

body {
padding:0;
margin:0;
background-color:#737373;
color:#707070;
font: 90% Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
"Lucida", "Trebuchet MS", "Times New Roman", "Bitstream Vera Sans", sans-serif;
text-align: center;
}

#layout {
margin:0;
padding:0;
background-color:#ffffff
}

#header {
margin:0;
padding:0;
height:185px;
background: #ffffff url(images/header_bg.jpg) repeat-x;
margin-left: auto;
margin-right: auto;
}

#header-center {
width:793px;
height:185px;
background: #ffffff url(images/header.jpg);
background-position: 0px 0px;
margin-left: auto;
margin-right: auto;
}

#container {
width: 793px;
margin: 0 auto;
padding: 0;
}

#container-center {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:left;
width:793px;
background-image:url(images/content_bg..jpg);
background-repeat:repeat-y;
background-position: 0px 0px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
margin-top:0;
}

#footer {
padding: 0;
margin:0 auto;
background: #737373 url(images/footer_bg.jpg) repeat-x ;
}

#footer-center {
width:793px;
height:108px;
text-align:center;
margin: 0 auto;
padding: 0;
background: #737373 url(../images/footer.jpg) no-repeat 50% 0;
}

#footer-content {
font: 70% Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
"Lucida", "Trebuchet MS", "Times New Roman", "Bitstream Vera Sans", sans-serif;
color:#ffffff;
margin: 0 auto;
width:793px;
text-align:center;
}
#footer-content a:link, #footer-content a:visited {
font: 100% Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
"Lucida", "Trebuchet MS", "Times New Roman", "Bitstream Vera Sans", sans-serif;
color:#ffffff;
text-decoration:none;
}
#footer p {
text-align:center;
}
#navi {

font-family: Verdana, Arial, Helvetica, sans-serif;
height: 50px;
width: 793px;
list-style: none;
background-image:url(images/navi.jpg);
background-repeat: no-repeat;
padding: 0;
margin: 0;

}

#content {
width:793px;
margin:0 auto;
padding:0;
}

sokie · 01.12.2009

AW: Layout verschiebt sich

wasist denn das überhaupt? bitte vollständigen code posten, mit solchen Ausschnitten kann man doch nichts anfangen...
Beispiel

HTML:

<title>---</title>
<style type="text/css">
<!--
.Stil4 {
    color: #BFF200
}
-->
</style>
</head>

<div id="content">
<br />
<br />
<br />
</div>
</div>
</div>

<body>

<div id="layout">
<div id="header">
<div id="header-center"> </div>
</div>
<div id="container">
<div id="navi">
  <div align="center"></div

da wir der Head geschlossen, und es geht mit code weiter, ohne, dass es einen öffnenden body gibt. dann wird ein div Element geöffnet aber drei geschlossen...
bitte "code" bzw "html" bereiche benutzen, Code aufräumen etc...

kutsche ->