2013-04-10 61 views
2

嘿,伙计们,我真的在这里需要一些帮助:)力动态div的是在同一行

我的问题是,我得到了2层动态宽度div的一个div里面,他们从460到640像素(只是举个例子)和我的网站从960px到1300px,所以当我的网站是1300px宽,我希望这两个div的宽度为640px的同一行,当网站是960px我希望div的是在同一行上宽度为460px。

我的问题是,当网站变得更小(拖动浏览器的宽度)时,它们会降到彼此之下。

这里是一些代码:http://jsfiddle.net/EKYLe/2/

下面是HTML:

<div class="Content"> 
<div class="box-container"> 
    <div class="box"> 
     <h2>Nyheder</h2> 

    <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p> 

    <ul> 
     <li>Lorem ipsum dolor sit amet.</li> 
     <li>Lorem ipsum dolor sit amet.</li> 
     <li>Lorem ipsum dolor sit amet.</li> 
    </ul> 
    </div> 
    <div class="box"> 
     <h2>Nyheder</h2> 

    <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p> 

    <ul> 
     <li>Lorem ipsum dolor sit amet.</li> 
     <li>Lorem ipsum dolor sit amet.</li> 
     <li>Lorem ipsum dolor sit amet.</li> 
    </ul> 
    </div> 
</div> 

,你可以看到当U移动他们放弃打击对方的窗口的大小。

问候尼克拉斯

+2

他们留在我身边。这个浏览器是否特定? – 2013-04-10 20:02:35

+0

在Firefox中似乎很好,你使用的是什么浏览器? – 2013-04-10 20:02:52

+0

即时通讯使用Firefox。尝试从左向右移动中线 – Nickwan 2013-04-10 20:03:54

回答

0

如果你想控制自己的位置,你应该把它们在表内。这样他们总是会留在桌子的第1栏和第2栏。而且您可以在页面内对齐它们,而不会有太多麻烦。

+0

该死的m8!为什么我没有想到这一点......非常感谢我的工作! :) – Nickwan 2013-04-11 05:05:36