Проблема с позиционированием div

Я работаю над сайтом, выложенным с помощью div. У меня проблемы с одним, в частности: учебное фото div.Проблема с позиционированием div

Если вы перейдете к http://php.wmsgroup.com/eofd6.org/education.html, вы увидите фотографию под левым навигатором, которая упала. Я хочу, чтобы он щелкнул прямо под этим навигационным полем. Я пробовал несколько разных вещей с его позиционированием, а также основным контентом div s, и я не могу понять это правильно.

Любая помощь будет оценена по достоинству. Ссылка на таблицу стилей http://php.wmsgroup.com/eofd6.org/in.css

Спасибо!

источник

2008-10-21 Diventare Creative

Float #content справа, не слева.

источник

2008-10-21 17:53:11

Вы не можете изменить разметку, чтобы включить div #training_photo в #nav div?

источник

2008-10-21 17:56:05 jakber

Я хотел бы спросить о другом сайте, но их сервер вниз! – 2008-10-21 18:09:08

Чтобы получить более предсказуемые результаты, я бы создал общую оболочку, а затем две обертки столбцов. Теперь вы близко к этому макету, поэтому это будет простое исправление.

<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>

источник

2008-10-21 18:02:09

Я ценю помощь, спасибо. – 2008-10-21 18:18:00

Проблема с позиционированием div

ответ

Смежные вопросы