(gelöst) Divs untereinander "gestapelt" und bekomme Abstände nicht weg

[nOOber]

Hallo,
ich habe ein Problem welches eigentlich gar keins sein dürfte:

Ich habe verschiedene divs mit Hintergrundbildern für Header, Menü, Content usw. untereinander in einem Wrapper gestapelt.
Seltsamerweise entstehen immer zwischen den divs Abstände, die ich nicht rausbekomme. Ich weiß einfach nicht weiter ... Kann da wer helfen, bitte?

Der einzige Abstand zwischen header und menü ging über padding-top im menü weg. Zwischen Menü und Content sind ca. 100px und zwischen Content und Footer ca. 15px?


---------------------------------------
css:
---------------------------------------
html {
}

body {
text-align:center;
margin:0px;
padding:0px;
font-family: Georgia, serif;
font-size: 16px;
font-style: normal;
line-height: 1.2em;
background-color:#333300;
}

img {
border:0px;
}


#wrapper{
margin:auto;
text-align:left;
position:relative;
width:980px;
height:auto;
}

#header{
position:relative;
width:980px;
height:230px;
background-image:url(uploads/images/bg_header.png); background-repeat: no-repeat;
}

#menu{
position:relative;
clear:both;
text-align:center;
width:980px;
height:179px;
padding-top:17px;
background-image:url(uploads/images/bg_menu.png); background-repeat: no-repeat;
}

#content{
position:relative;
clear:both;
width:980px;
height:300px;
background-image:url(uploads/images/bg_content.png); background-repeat: repeat-y;
}

#footer{
clear:both;
position:relative;
text-align:center;
width:980px;
height:200px;
background-image:url(uploads/images/bg_footer.png); background-repeat: no-repeat;
}

#anfrage{
position:relative;
width:130px;
height:30px;
padding-top:30px;
padding-left:30px;
}


---------------------------------------
template:
---------------------------------------
{process_pagedata}




{sitename} - {title}
{metadata}
{stylesheet}






{cms_selflink page="anfrage" text="Anfrageformular" image="uploads/images/anfrage-formular.gif" imageonly=1}


{menu}

{content}

{global_content name='footer'}








-------------------------------------------------------------------------------------

[uniqu3]

Keine Ahnung ob es was bringen wird aber warum hast Du überall clear:both gesetzt?
Die elemente sind alle gleich breit also brauchst keine clearings den es gibt ja nix zum clearen.

[owr_bgld]

Ein Link zur Seite wäre nicht schlecht.

und eine eventuell blöde Frage: Hast du versucht die heights zu ändern - was tut sich dann bei den Abständen?

EDIT: Was auch noch sein kann - du hast den wrapper mit 980px und die anderen auch. Versuch mal die anderen um einige pixel kleiner zu machen (2-4) oder auf 100% (versuchsweise auch 99 und 98%) zu setzen

[nOOber]

Danke erstmal für die schnellen Antworten.

Habe die clears rausgenommen - war ein Versuch aus meiner Google Recherche.

Wenn ich die Höhe einzelner divs ändere (zB content) vergrößert sich der Abstand zwischen Menü und Content - allerdings nicht genau um den veränderten Betrag.

Die Breite des Wrappers habe ich vergrößert - auch ohne Erfolg.

Kurz zur Geschichte: der Aufbau ohne Inhalte (wie zB {menu}) funktionierte einwandfrei.

Ich habe einen Screenshoot angehängt und bin am verzweifeln ... arghh.

[uniqu3]

Ok, und welchen menu stylesheet verwendest Du?
Hast Du wohl den Quelltext auf eventuelle fehler geprüft?

[mike-r]

Firebug hilft Dir dabei, einfach in die Lücke klicken, dann siehst Du, wo die herkommt.
Ein Screenshot ist hier wenig hilfreich, schliesslich hast Du Dein Problem verständlich beschrieben.
Ohne Link zur Seite kann man hier nur rumraten.

Von festen Breiten und Höhen kann ich eigentlich nur abraten, vor allem, wo Du die redundant vergibst. Gib jedem Container soviel Platz, wie er benötigt und gut.

[antibart]

position : relative; in den ganzen Divs (abgesehen vom wrapper) brauchst du eigentlich auch nicht - da du ja nichts positionierst..

Nimm mal testweise den menü-tag raus...

[nOOber]

so, jetzt ist es gelöst - so seltsam wie das problem selbst: habe die höhe des menü divs deutlich niedriger als seine ursprünglich geplante höhe (die des hintergrundbildes) eingestellt, im zusammenspiel mit dem padding-top fügen sich jetzt die beiden divs aneinander. gleiches beim footer.

danke für eure tips und antworten!

grüße, johannes