Unerklärliches Raum zwischen 2 DIVs [gelöst]

[janvl]

Hallo,

ich probiere eine andere Layout mit Template "Shadow Menu Tab + 2 Columns"
Stylesheet ist "Layout: Top menu + 2 columns".

Es sind die erste 3 Seiten als Probe vorbereitet, aber am Untenseite beim
Footer ist eine weisse Rand zwischen 2 DIVs nämlich
content und footback, wechselend hoch..

Es soll sein wie bei "Default Templates Explained".

Ich kann nicht finden warum, suche mit Firebug aber es ist unklar.
Momentan ist es sehr gelb aber es soll #fffff8 werden.

Seite http://www.stajl.biz/testcms

Hat jemandem eine Idee?

Mit freundlichen Grüssen,
Jan

[owr_bgld]

kannst du bitte mal die css für die beiden divs posten:

   

Code: Select all

 <div class="footback">
        <div id="footer">

[janvl]

Hallo anbei die CSS

div#content {
margin: 0px;
padding: 0px;
background: #ffff80 url(uploads/ngrey/bgleftbar.gif) repeat-y left top;
}

bgleftbar.gif macht 300px am linken Rand weiss.

div.footback {
clear: both;
padding: 0px 10px 0px 0px;
margin-left:300px;
background-color:#ffeedd;
}

alle Kommentare sind entfernt.

M.fr.Gr.
Jan

[Jos]

Der Unterschied zwischen die Seiten ist die höhe von div sidebar.

Die div sidebar ist im html code innen der div content. Dass kommt mir ein bisschen fremd vor.

Aber vielleicht reicht es um die css von div#sidebar zu ändern von

Code: Select all

position: relative;
top: -180px;

nach:

Code: Select all

position: absolute;
top: 0px;

In firefox ist alles dan gut positioniert. Ich weiss aber nicht ob dass in allen Browsern so ist..

[owr_bgld]

ah - ich wusste doch, dass da irgendwas mit den div's "komisch" ist.

Du hast drei div-Bereiche untereinander:

ganz oben den header-div, die nächste "Zeile" den content-div und als dritte "Zeile" den footer.

Die sidebar ist deshalb ganz oben, weil du sie mit margin: -180px ganz nach oben über den header schiebst.

Da die sidebar extrem hoch ist in relation zum restlichen content und der footback mit clear:both; immer unter dem gesamten content (also auch unter der sidebar) ist, wird der immer weit nach unten geschoben, wie die sidebar hoch ist.

Wenn also die sidebar kürzer als der content ist, dann ist der footer erst genau im Anschluss.

dass die sidebar im div content ist hat den grund, dass du den conten-div und den main-div vertauscht hast.

schnelle Lösung ist eventuell die backgroundfarbe (gelb) auch für den content zu verwenden (dann sollte zumindest der weiße Teil zwischen Inhalt und footer gelb sein.

EDIT: Wenn du mal kurzfristig im css-style hier einen border hinzufügst siehst du wie sich die divs verhalten:
/*set font size for all divs, this overrides some body rules*/
div {
font-size: 1em;
      border: 1px solid #000;
}


ist in der sidebar irgendwo ein relativ hoher margin oder padding für den bottom-bereich eingetragen? der sollte dann auch wesentlich verringert werden.

[janvl]

Danke,

Jos hat die richtige Lösung, es ist aber merkwürdig das bei "position: relative" und ein wert von -180px
der Platz vom original DIV trotzdem von FF reserviert bleibt.

Ich probiere gerade ob eine Seite die ich (am Anfang) gemacht habe in CMSMS zu gestalten ist,
und es geht sehr wohl, eine gute Übung! Für alle eure Frauen: http://www.drhoenig-radiologie.at

Der Tip mit der solid Border habe ich auch schon oft genutzt und hätte ich selber bedenken müssen!
Jedenfalls Danke.

M.fr.Gr.
Jan