molily: Kleine Zwischenräume zwischen Header und Site

Beitrag lesen

Hallo,

ich habe jetzt schon lange und viel rumprobiert, aber komme nicht drauf wie ich den kleinen Zwischenraum zwischen dem Header-Teil und dem Site-Teil (=Navi, Inhalt, Werbung) wegbekomme. Hab jetzt schon fast allen Tag die Attribute: "marign:0px; padding:0px;" gegeben!

Gib der Haupttabelle einmal
<table cellspacing="0" cellpadding="0">
oder über CSS
table {border-spacing:0;}
td {padding:0;}

Mit CSS könntest du es so lösen (Konzept):

body {color:black; background-color:#cecece; margin:0; padding:0; text-align:center;}

#body {width:1000px; margin:auto; padding-top:150px; background-image:url(../bilder/Benutzer1.gif); background-repeat:no-repeat; text-align:left; background-color:#838383;}
#navi {float:left; background-image:url(../bilder/left.png); background-repeat:no-repeat; width:130px; text-align:center; min-height:130px;}
#navi ul, #navi li {margin:0; padding-left:0; list-style-type:none;}
#werbung {float:right; width:150px;}
#site {margin-left:130px; margin-right:150px; padding:5px; background-color:#cecece;}
#footer {clear:both; height:21px; font-size:13px; background-image:url(../bilder/footer_back.png);}

<div id="body">

<div id="navi">
<ul>
<li><a href="http://projunkiesclan.emilia-user.ath.cx/area51/index2.php?section=games">-= Games =-</a></li>
<li><a href="http://projunkiesclan.emilia-user.ath.cx/area51/index2.php?section=manganime">-= Manganime =-</a></li>
</ul>
</div>

<div id="werbung">
<p>-werbung-</p>
</div>

<div id="site">

<table width="100%" border="1">
<tr>
<td width="75%">nok</td>
<td width="25%">17.07.2004 23:29:57</td>
</tr>
<tr>
<td colspan="2" width="100%">
<h3>Online!</h3>
<p>Wir sind online!</p>
</td>
</tr>
</table>

<p><a href="http://projunkiesclan.emilia-user.ath.cx/area51/index2.php?section=&seite=1">[1]</a></p>

</div>

<div id="footer"><a href="http://projunkiesclan.emilia-user.ath.cx/area51/index2.php?section=impressum">&copy; 2003-2004 ProJunkies.com</a></div>

Die Umsetung in #site ließe sich ebenfalls verbessern.

Mathias