2013-10-30 4 views
0

왼쪽의 한 div (페이지의 너비 65 %) 및 div 4 개의 div 오른쪽 아래, 아래에.하나의 div (왼쪽에 한 div, 오른쪽 아래에 4 div)

저는 많은 것들을 시도했지만 오른쪽의 div는 항상 왼쪽 div의 높이를 두 배로 늘립니다.

http://jsfiddle.net/Skydance/xxEDE/

enter image description here

이들 div가이 경우 높이 HTML

<div id="header"> 

    <div id="logogedeelte"> 
     <img src="images/logo.png"> 
    </div> 

    <div id="navigationbar"> 
     <div class="home"> <img src="images/logo.png"></div> 
     <div class="collectie"><img src="images/logo.png"></div> 
     <div class="contact"><img src="images/logo.png"></div> 
     <div class="overons"><img src="images/logo.png"></div> 
    </div> 

</div> 
+0

바이올린에서는 그렇지 않습니다. – matewka

+0

링크가 @matewka에 추가되었습니다. – Youri

+0

예,이 링크를 의미합니다. 이 divs는 왼쪽 div의 높이를 두 배로하지 않습니다. 어쩌면 당신은 조금 더 설명하거나 이미지를 첨부하고 싶을 것입니다. – matewka

답변

0

이미지 높이에 의존한다. 그래서 당신은 당신의 CSS에 다음 줄을 추가하여 설정할 수 있습니다 :

#logogedeelte, #navigationbar { 
    display: table-cell; 
} 
+0

도와 주셔서 대단히 감사합니다! :) – Youri