Content Bereich verrutscht ständig bei 2-spaltigem Template

[Niha]

link zur aktuellen seite: http://www.aundk.rasani.net//index.php

Ich saß gestern Abend nochmal an meinem Shop-Auftrag und habe festgestellt das die div content, beim floaten immer aus der div contentwrap rutscht und somit das ganze layout zerhaut, ich habe unterhalb der contentwrap nochmal eine box angelegt in der 3 bilder platziert sind, dadurch das der content rumspinnt, schiebt er auch automatisch immer ein bild nach oben. was ja eigentlich fest in eine gesamtem box platziert sein soll, ich kann es mir nicht recht erklären wieso der content nicht hinhaut, hab schon alles mögliche probiert, min-height, height:auto, mit floaten etc. irgendwie macht der content bereich was er will  

hier mal der css code :

Code: CSS  [Auswählen]

/* CONTENT WRAPPER */
#contentwrap {
        clear:both;
        width:980px;
        min-height:350px;
        padding:0;
        margin-bottom:14px;
}
/* LEFT COLUMN */
#leftcol {
        width:200px;
        float:left;
        padding:0px 0px 15px 0px;
}
/* RIGHT COLUMN */
#rightcol {
        display:none;
        float:right;
        width:200px;
        padding:0px 0px 15px 0px;
}
/* MAIN CONTENT */
#content {
        float:right;
        clear:both;
        width:719px;
        min-height:350px;
        padding:0px 25px;
        margin-top:-252px;
        margin-bottom:14px;
        background-color:#FFF;
}
#contentfull {
        width:920px;
        padding:0px 30px;
        margin-bottom:15px;
}
 

wie gesagt. das float und so, hatte ich auch schon alles weg, das steht jetzt noch da von gestern
abend. achja, und die rechte box sollte eigentlich ausgeblendet sein, sorry.
hier nochmal was aus der html:

Code: PHP  [Auswählen]

<div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">
        {$box_CATEGORIES}
        {$box_LOGIN}
        {$box_ADMIN}
        <!--{$box_ADD_QUICKIE}
        {$box_CONTENT}
        {$box_INFORMATION}
        {$box_LAST_VIEWED}
        {$box_REVIEWS}
        {$box_SPECIALS}
        {$box_WHATSNEW}--></div>
        {/if}
        <div
                {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                        id="content"
                {else}
                        id="contentfull"
                {/if}
                >
        {$main_content}</div>
    {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
    <!--<div id="rightcol">
    {$box_CART}
    {$box_LOGIN}
    {$box_ADMIN}
    {$box_NEWSLETTER}
    {$box_BESTSELLERS}
    {$box_INFOBOX}
    {$box_CURRENCIES}
    {$box_MANUFACTURERS_INFO}
    {$box_MANUFACTURERS}
    </div>-->
    {/if} </div>

        <!-- ++++++++++ SLIDER ++++++++++ -->

        <!-- ++++++++++ NEU ++++++++++ -->
        <div id="bilder_box">
            <div id="farbwaehler"></div>
            <div id="ansicht"></div>
            <div id="info"></div>
        </div>
                <!-- ++++++++++ NEU ENDE ++++++++++ -->

    <p class="footer">{$smarty.const.TITLE} © {$smarty.now|date_format:"%Y"} | Template © 2009 by modified eCommerce Shopsoftware eCommerce Shopsoftware</p>
 

Linkback: https://www.modified-shop.org/forum/index.php?topic=7744.0

[Niha]

ich hab' die css nochmal farblich unterlegt zum besseren verständniss, also der rote berreich ist der contentwrap da wo eigentlich die linke, der content und die rechte box sein sollten. die rechte seite benötige ich auf der startseite nicht und aus einem für mich noch unerklärlichen grund tut er eben nun den content bereich (weiß) aus der contentwrap rausschmeißen. und das bild was dann links hochrutscht, sollte eigentlich mit unten bei den andern beiden hängen.

abgeänderte css:

Code: CSS  [Auswählen]

/* CONTENT WRAPPER */
#contentwrap {
        clear:both;
        width:980px;
        min-height:412px;
        padding:0;
        margin-bottom:14px;
        background-color:#F00;
}
/* LEFT COLUMN */
#leftcol {
        width:200px;
        float:left;
        padding:0px 0px 15px 0px;
}
/* RIGHT COLUMN */ /* ++++++++++ AUSGEBLENDET ++++++++++ */
/*#rightcol {
        display:none;
        float:right;
        width:200px;
        padding:0px 0px 15px 0px;
}*/
/* MAIN CONTENT */
#content {
        float:right;
        clear:both;
        width:719px;
        min-height:350px;
        padding:0px 25px;
        margin-bottom:14px;
        background-color:#FF0;
}
#contentfull {
        width:920px;
        padding:0px 30px;
        margin-bottom:15px;
}

[Niha]

könnte das etwas damit zu tun haben, dass die bilder_box unter der contentwrap ist?  

[Tomcraft]

Du darfst doch erst nach dem floaten clearen?

nimm mal das "clear:both;" vom #content.

Grüße

Torsten

[Niha]

hab es rausgenommen, zumindest setzt er die content jetzt oben an, aber so wirklich klappt es noch nicht, die große contentwrap wo alle 3 boxen drin sind geht nicht mit und das eine bild schiebt er immernoch nach oben

http://www.aundk.rasani.net//index.php

[Tomcraft]

Verpasse dem DIV "bilder_box" mal ein "float:left;" und danach gibst du den beinhalteten DIVs entsprechende margins, damit die Abstände untereinander wieder stimmen.

Grüße

Torsten

[Niha]

naja ich glaube das hat eher was mit der contentwrap zutun, wenn die sich der größe der content anpassen würde, würde auch das bild nicht hochrutschen, aber wenn ich der contentwrap ein heihgt:auto gebe, zeigt gar nichts an und das bild rutscht noch höher. aber ich versuchs mal so.

[Niha]

ok, das scheint bisher hinzuhauen, danke. aber wegen der contentwrap (rot) ist trotzdem komisch das die nicht "mitwächst" .. trotzdem schonmal danke.

[Tomcraft]

Nimm das "min-height:412px;" aus dem #contentwrap araus, das ist auch Quatsch! Dann ist auch der bisher rot markierte Bereich wieder weg.

Es muss nicht immer alles gleich wachsen.

Grüße

Torsten

[Niha]

naja, stimmt eigentlich auch wieder.