2008-10-21 4 views
1

div으로 사이트를 만들고 있습니다. 나는 특히 하나의 문제를 겪고 있습니다 : 훈련 사진 div.사업장 위치 지정 문제

http://php.wmsgroup.com/eofd6.org/education.html으로 이동하면 왼쪽 탐색 메뉴 아래에 사진이 표시됩니다. 그 nav 상자 바로 아래에 스냅하고 싶습니다. 나는 주요 내용 인 div 포지셔닝뿐만 아니라 포지셔닝과 함께 몇 가지 다른 것들을 시도해 보았습니다.

도움을 주시면 감사하겠습니다. 스타일 시트에 대한 링크는 http://php.wmsgroup.com/eofd6.org/in.css

입니다. 감사합니다!

답변

1

플로트 # 오른쪽 내용, 왼쪽이 아닙니다.

0

#nav div에 #training_photo div를 포함하도록 마크 업을 변경할 수 없습니까?

+0

내가 다른 사이트에 대해 물어 보곤하지만, 자신의 서버가 다운! –

1

예측 가능한 결과를 얻으려면 전체 오버레이 래퍼를 만든 다음 2 줄 래퍼를 만듭니다. 이제이 레이아웃에 가깝기 때문에 간단한 수정이 될 것입니다.

<html> 
<head> 
    <style type="text/css"> 
     #leftColumn { 
      width: 30%; 
      margin: 0px; 
      float: left; 
      display: inline; 
      clear: left; 
     } 

     #rightColumn{ 
      width: 60%; /* allow 10% for flex/margins */ 
      margin: 0px auto; 
      float: left; 
      display: inline; 
      clear: right; 
     } 

    </style> 
</head> 
<body> 
    <div id="pageWrapper"> 
     <div id="header"></div> 
     <div id="leftColumn"> 
      <div id="nav"> </div> 
      <div id="training_photo"> </div> 
     </div> 
     <div id="rightColumn"> 
      <div id="content"> </content> 
     </div> 
    </div> 
    <div id="footer"> </footer> 
</body> 

+0

감사합니다. 감사합니다. –