Проблема с позиционированием div - PullRequest
Новая
       27

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

1 голос
/ 21 октября 2008

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

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

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

Спасибо!

Ответы [ 3 ]

1 голос
/ 21 октября 2008

Чтобы получить более предсказуемые результаты, я бы создал общую оболочку, а затем 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>

1 голос
/ 21 октября 2008

Число с плавающей запятой справа, а не слева.

0 голосов
/ 21 октября 2008

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

...