[CSS] 2divs unabhängig voneinander, nebeneinander

Dieses Thema im Forum "Webdesign" wurde erstellt von 0xffr, 31. Dezember 2011 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 31. Dezember 2011
    2divs unabhängig voneinander, nebeneinander

    ja verwirrende überschrift... ^^

    moin alle

    wollte mal fragen ob es möglich ist 2 divs nebeneinander zu stellen die aber unabhängig voneinander sind...

    {bild-down: http://www.imgbox.de/users/public/images/DAtv7jGbof.jpg}


    das sollen meine beiden divs werden.. einmal mein Page Content und daneben ne art navigation.

    hier mal meine index.php / style.css für den bereich.


    index.php

    PHP:
    < div id = "wrapper" >
    <
    div id = "contentbg" >
        <
    div id = "contentwrapper" >
            <
    div id = "pcontent" ></ div >
            <
    div id = "cbuffer1" >
            </
    div >
        </
    div ><!-- contentwrapper -->
        <
    div  class= "clear" ></ div >
            <
    div id = "rechtswrapper" >
                <
    div id = "matches1" ></ div >
            </
    div ><!-- rechtswrapper end -->
            <
    div  class= "clear" ></ div >
    </
    div ><!-- contentbg end -->
    </
    div ><!-- wrapper end -->
    style.css
    HTML:
    #wrapper {
     border:0px;
     width:1109px;
     height:auto;
     margin:auto;
    }
    
    #contentbg {
     background:url(Bilder/bgwrapper.jpg);
     background-repeat:repeat-y;
     width:1109px;
    }
    
    #contentwrapper {
     width:847px;
     height:auto;
     float:left;
    }
    
    #pcontent {
     background-image:url(Bilder/Unbenannt-2_58.gif);
     width:847px;
     height:31px;
     float:left;
    }
    
    #rechtswrapper {
     width:262px;
     height:auto;
     float:right;
     left: 500px;
     top: 482px;
    }
    
    #matches1 {
     background-image:url(Bilder/Unbenannt-2_59.gif);
     width:262px;
     height:31px;
    }
    
    #cbuffer1 {
     background:url(Bilder/Unbenannt-2_61.gif);
     background-repeat:repeat-y;
     width:847px;
     float:left;
    }
    
    .clear {
     clear:both;
    }
    
    

    Problem an der ganzen geschichte ist: wenn ich im

    <div id="cbuffer1">
    </div>

    ein paar absätze reinmache... zieht sich nicht nur der #contentwrapper nach unten, sondern auch der #rechtswrapper und die 3 unteren menüpunkte. was genau nicht mein ziel war .... der contentbg soll übers ganze gehen und ein vireck der beiden divs erzeugen wenn die 1 länger als die 2 ist.

    ich hoffe ich konnte mein problem einigermaßen gut beshcreiben
    mfg
     
  2. 31. Dezember 2011
    AW: 2divs unabhängig voneinander, nebeneinander

    das erste "<div class="clear"></div>" wech, sonst isses untereinander
     
  3. 31. Dezember 2011
    AW: 2divs unabhängig voneinander, nebeneinander

    es ist halt iweder mal so simpel... -.- ... ma überlegt überlegt probiert... oh man... da hätte man wie so of auch selber drauf kommen können

    BW hast du
     
  4. 31. Dezember 2011
    AW: 2divs unabhängig voneinander, nebeneinander

    erledigt -> geschlossen
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.