Web Frage Problem [CSS] Re. Div selbe Höhe wie Li. Div?

Dieses Thema im Forum "Offtopic" wurde erstellt von DarkPrincess, 15. November 2015.

  1. DarkPrincess
    Offline

    DarkPrincess

    Registriert seit:
    31. August 2013
    Beiträge:
    52
    Hallo Community,

    ich habe seit einigen Tagen ein Problem welches ich einfach nicht gelöst bekomme.

    Ich möchte ganz gerne 2 Divs in einem Haupt Div nebeneinander platzieren und das Rechte Div soll sich der A. Auf der Selben Höhe wie das Linke Div befinden und B. Es soll die selbe Höhe haben.

    Insgesamt schaut das ganze so aus:


    Code (Text):
    1.  
    2. <div style="position: relative; width: 1000px; height: auto;">
    3.   <div style="float: left; width: 925px;">
    4.     Irgendein langer<br />
    5.     Text kommt hier<br />
    6.     hin mit mehreren Zeilen.<br />
    7.     <br />
    8.     <br />
    9.     und so weiter.
    10.   </div>
    11.   /* Das Folgende Div soll sich an die höhe des Linken Divs annehmen bzw des Eltern Divs da Eltern div die Höhe des Linken divs annehmen sollte. */
    12.   <div style="float: right;position: relative;width: 70px;overflow-y: auto; height: inherit;">
    13.     /* Scrollendes Überlaufendes Div mit Inhalt */
    14.     <div style="height: 100%;">
    15.       <div style="position: relative;width: 40px;height: 40px;">
    16.         <img src="ein/bild.jpg" />
    17.       </div>
    18.       <div style="position: relative;width: 40px;height: 40px;">
    19.         <img src="ein/bild.jpg" />
    20.       </div>
    21.       <div style="position: relative;width: 40px;height: 40px;">
    22.         <img src="ein/bild.jpg" />
    23.       </div>
    24.       <div style="position: relative;width: 40px;height: 40px;">
    25.         <img src="ein/bild.jpg" />
    26.       </div>
    27.       <div style="position: relative;width: 40px;height: 40px;">
    28.         <img src="ein/bild.jpg" />
    29.       </div>
    30.       <div style="position: relative;width: 40px;height: 40px;">
    31.         <img src="ein/bild.jpg" />
    32.       </div>
    33.       <div style="position: relative;width: 40px;height: 40px;">
    34.         <img src="ein/bild.jpg" />
    35.       </div>
    36.     </div>
    37.   </div>
    38.   <div style="clear: both;"></div>
    39. </div>
    40.  
     
    #1
  2. bene.wi
    Offline

    bene.wi

    Registriert seit:
    29. Dezember 2015
    Beiträge:
    0
    Hey,

    hoffentlich ist deine Frage noch aktuell... Ich habe deinen Code mal ein bisschen vereinfacht, da man viele Elemente überhaupt nicht benötigt, hier mal der Teil im body:

    <div style="position: relative; width: 1000px; height: auto;">
    <div style="float: left; width: 925px; height: 200px;">
    Linker DIV-Container, hier dein Text
    </div>
    <div style="float: right; height: 200px; width: 70px;">
    Rechter DIV-Container, hier einfach alle Bilder o.ä. einfügen
    </div>

    Hoffentlich habe ich das so richtig verstanden, wenn nicht, passe ich den Code gerne nochmal an :) Die Höhen und natürlich auch die Breiten kannst du nochmal anpassen, wenn du darunter ein DIV benötigst, brauchst du natürlich wieder clear:both;
     
    #2
  3. jensIO
    Offline

    jensIO

    Registriert seit:
    28. Juli 2015
    Beiträge:
    602
    Ort:
    Internet, im Neuland
    Minecraft:
    jens1o
    Miep ^^
    müsste eigentlich so sein(unten fehlt 1 div):
    HTML:
    1. <div style="position: relative; width: 1000px; height: auto;">
    2.            <div style="float: left; width: 925px; height: 200px;">
    3.                       Linker DIV-Container, hier dein Text
    4.            </div>
    5.            <div style="float: right; height: 200px; width: 70px;">
    6.                      Rechter DIV-Container, hier einfach alle Bilder o.ä. einfügen
    7.            </div>
    8. </div>
    Ich würde auch eher Prozentangaben nehmen, das wäre entweder zu groß oder zu klein.
     
    #3
  4. bene.wi
    Offline

    bene.wi

    Registriert seit:
    29. Dezember 2015
    Beiträge:
    0
    Stimmt, vielen Dank... Habe das nur schnell korrigiert und den einen DIV-Container nicht geschlossen^^ bin eigentlich auch eher für Prozentangaben, aber habe mir einfach die Infos vom Thread-Ersteller genommen, das kann ja bei Bedarf auch selbst angepasst werden, das kriegt er garantiert hin :)
    Schönen Abend noch...
     
    #4
    jensIO gefällt das.