seltsamer Abstand zwischen div's

W0lf

Hallo,

folgendes:

<body>

<div id="logo"><img src="./Konstruktion/Balkenoben.jpg" border="0" width="849" height="56"></div>
<div id="Navi">
<table width="849" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="./Konstruktion/Buttons/Home.jpg" alt="Home" border="0" width="66" height="19"></td>
<td><img src="./Konstruktion/Buttons/ubermich.jpg" alt="über mich" border="0" width="89" height="19"></td>
<td><img src="./Konstruktion/Buttons/Musik.jpg" alt="Musik-Bereich" border="0" width="112" height="19"></td>
<td><img src="./Konstruktion/Buttons/Software.jpg" alt="Software" border="0" width="95" height="19"></td>
<td><img src="./Konstruktion/Buttons/Downloads.jpg" alt="Downloads" border="0" width="107" height="19"></td>
<td><img src="./Konstruktion/Buttons/Kontakt.jpg" alt="Kontakt" border="0" width="90" height="19"></td>
<td><img src="./Konstruktion/Buttons/Impressum.jpg" alt="Impressum" border="0" width="97" height="19"></td>
<td><img src="./Konstruktion/Buttons/vorletzes.jpg" border="0" width="97" height="19"></td>
<td><img src="./Konstruktion/Buttons/letztes.jpg" border="0" width="97" height="19"></td>
</tr>
</table></div>
<div id="box"><p>TESTESTESTESTESTEST</div>

</body>

CSS-Code:

body {
  margin: 20px;
  text-align: center;
  background-color: #333333; }
#logo {
  width: 100%;
  height: 56px;
  padding: 11px;
  background-color: #333333; }
#Navi {
  width: 100%;
  height: 56px; }
#box {
  width: 849px;
  height: auto;
  padding: 10px;
  background-color: #464545; }
p  { font-family: Myriad Pro;
     font-size: 9pt; 
     color:white; }

Komischerweise habe ich jetzt zwischen meiner Navigationsleiste und meiner "Box" einen sehr großen Abstand und ich weiß nicht, wie ich ihn wegbekomme bzw. den Abstand verringern kann...

Ich war bereits auf selfhtml, hab da aber auch nichts gefunden.

Danke für eure Hilfe.

Hmm.. versuch mal mit Margin:0px;
oder evtl stresst dich ja auch schon das padding

W0lf

Mit den Werten hab ich schon rumgespielt. Hat leider nix gebracht.

Deswegen hab ich ja auch "seltsam" in der Überschrift geschrieben...

elise

hi

diesen fakt hatte ich auch.

ohne viel ahnung zu haben: das <p> zieht es runter.

ich habe mir wie folgt beholfen:

ein allgemeines

div
{font-family:sans serif, Arial,Helvetica; font-size:10pt;
color:#999999; }

erstellen (nach deinen maßgaben natürlich), das immer gilt, und dann ohne <p> folgendes machen:

<div id="box">
TESTESTESTESTESTEST
</div>

dann hängt es unter der leiste.

Arskane

Hi,

das liegt, wie elise schon sagte, an dem p-Tag, da dieses einen neuen Abschnitt beginnt. Du kannst das p-Tag auch einfach durch ein span-Tag ersetzen, wenn du spezielle CSS-Formatierungen anwenden willst.

mfg
Arskane