Anmelden | Registrieren | FAQ
Anonymous

div positionierung

+ Antwort erstellen

3 Beiträge Seite 1 von 1


div positionierung

von wayne » Mi Jan 11, 2012 3:57 pm

tach,
ich hab ein kleines problem mit der positionierung von zwei divs.
und zwar sollen zwei divs nebeneinander sein, und die höhe des übergeordneten divs haben.

code:
Code: Alles auswählen
<div style="min-height:700px;border:1px solid red; width: 508px;">
<div style="float:left;height:100%;width:200px;border:1px solid blue;">
</div>
<div style="width:300px;height:100%;border:3px solid green;margin-left:200px;">
</div>
</div>


dabei ist zu beachten, dass der inhalt evtll. höher als 700px sein soll,
deswegen ist höhe fest setzen keine alternative.
weder float:left noch absolute positionierung ist hier wirklich ne lösung.
und mit javascript hats auch nicht geklappt, wahrscheinlich hab ich dabei
einen kleinen denkfehler.


wäre schön wenn jemand ne lösung hätte.
Benutzeravatar

wayne

  • Beiträge: 2
  • Registriert: Mi Jan 11, 2012 3:47 pm

Re: div positionierung

von atik » Mi Jan 11, 2012 6:13 pm

Hallo,
es ist das Problem mit [height] verwenden. Wenn Sie die Höhe jedes HTML-Element auf 100% gesetzt, dann wird es in der Höhe nach zu inneren Gehalt zu bekommen. So für diesen Fall müssen Sie [height] Immobilien in px verwenden, hier ist der Code:
Code: Alles auswählen
<div style="min-height:700px;border:1px solid red; width: 508px;">
    <div style="float: left; width: 200px; border: 1px solid blue; height: 700px;">
    </div>
    <div style="width: 300px; border: 3px solid green; margin-left: 200px; height: 700px;">
    </div>
    </div>
Benutzeravatar

atik

  • Beiträge: 471
  • Registriert: Mo Okt 17, 2011 4:55 pm

Re: div positionierung

von wayne » Mi Jan 11, 2012 6:54 pm

problem ist, dass der inhalt vom rechten div größer sein kann als 700px,

dabei soll der linke div aber die gleiche höhe bekommen.
ich bin echt kurz davor ne tabelle zu machen xD
Benutzeravatar

wayne

  • Beiträge: 2
  • Registriert: Mi Jan 11, 2012 3:47 pm


+ Antwort erstellen

Seite 1 von 1