[CSS] 2divs unabhängig voneinander, nebeneinander

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

Schlagworte:
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
     
  3. 31. Dezember 2011
    AW: 2divs unabhängig voneinander, nebeneinander

    das erste "<div class="clear"></div>" wech, sonst isses untereinander
     
  4. 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
     
  5. 31. Dezember 2011
    AW: 2divs unabhängig voneinander, nebeneinander

    erledigt -> geschlossen
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.