登录 | 注册 | FAQ
Anonymous

div positionierung

+ 发表回复

3 篇帖子 分页: 1 / 1


div positionierung

wayne » 周三 1月 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:
代码: 全选
<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.
头像

wayne

  • 帖子: 2
  • 注册: 周三 1月 11, 2012 3:47 pm

Re: div positionierung

atik » 周三 1月 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:
代码: 全选
<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>
头像

atik

  • 帖子: 471
  • 注册: 周一 10月 17, 2011 4:55 pm

Re: div positionierung

wayne » 周三 1月 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
头像

wayne

  • 帖子: 2
  • 注册: 周三 1月 11, 2012 3:47 pm


+ 发表回复

分页: 1 / 1