2013-04-10 62 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