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

[DarkPrincess]

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:

<div style="position: relative; width: 1000px; height: auto;">
  <div style="float: left; width: 925px;">
    Irgendein langer<br />
    Text kommt hier<br />
    hin mit mehreren Zeilen.<br />
    <br />
    <br />
    und so weiter.
  </div>
  /* 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. */
  <div style="float: right;position: relative;width: 70px;overflow-y: auto; height: inherit;">
    /* Scrollendes Überlaufendes Div mit Inhalt */
    <div style="height: 100%;">
      <div style="position: relative;width: 40px;height: 40px;">
        <img src="ein/bild.jpg" />
      </div>
      <div style="position: relative;width: 40px;height: 40px;">
        <img src="ein/bild.jpg" />
      </div>
      <div style="position: relative;width: 40px;height: 40px;">
        <img src="ein/bild.jpg" />
      </div>
      <div style="position: relative;width: 40px;height: 40px;">
        <img src="ein/bild.jpg" />
      </div>
      <div style="position: relative;width: 40px;height: 40px;">
        <img src="ein/bild.jpg" />
      </div>
      <div style="position: relative;width: 40px;height: 40px;">
        <img src="ein/bild.jpg" />
      </div>
      <div style="position: relative;width: 40px;height: 40px;">
        <img src="ein/bild.jpg" />
      </div>
    </div>
  </div>
  <div style="clear: both;"></div>
</div>

 

[bene.wi]

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;

 

[jens1o]

Miep ^^

<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>

müsste eigentlich so sein(unten fehlt 1 div):

<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>
</div>

Ich würde auch eher Prozentangaben nehmen, das wäre entweder zu groß oder zu klein.

 

[bene.wi]

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...