Проблема с DIV

[mrDobryj]

У меня на сайте идут два блока div один контент и второй меню. Меню его обтекает слева. Но здесь есть где то проблема. В блоке контент делаю галерею, но он не вытягивается и содержимое западает вниз. Пытался присвоить значение auto (чтоб растягивалось в зависимости от наполнения) - но меню уходит кудато в сторону. уже два дня бьюсь но ничего не могу найти где я ступил.

И еще хочу сделать фон в блоке "контейнер" фиксированным, но при задании такого значения он прижимается к левому краю браузера, а не блока и тоже не слушается команд.

Уже голову сломал. :wacko: Снисходительно прошу помочь мне со стороны ГУРУ.

Пожалуйста :unsure:

Файл прилагается

хотя бы подскажите

 

[tigra60]

Дизайн симпатичный, а вот верстка - извините...
С таким стилем кодирования совсем неудивительно, что Вы пропустили закрывающий тег от <div id="container">.
Но это погоды не делает.
Во-первых, уберите таблицу! Без нее получается также, как и с ней.
Во-вторых, чтобы #footer_player был по центру, добавьте ему margin:auto;
В-третьих, блоки меню и контента нужно полностью переделать.
Общий принцип такой:
- контент плывет (float) влево, а меню вправо
- суммарная их ширина должна быть равна ширине блока, в котором они находятся, тогда они всегда будут рядом. Не забывайте, что margin, padding и border увеличивают ширину блока.
- не задавайте этим блокам position: absolute или relative.
- не забудьте после плавающих блоков вставить блок с clear:both.
Неплохо бы посмотреть картиночку (скриншут или PSD) - какое расположение Вам нужно, тогда можно будет конкретнее помочь.
Удачи!

 

[trueW3C]

>> - не забудьте после плавающих блоков вставить блок с clear:both
или контейнеру overflow:hidden (для ие zoom: 1)

>> - не задавайте этим блокам position: absolute или relative.
relative можно.

>> Не забывайте, что margin, padding и border увеличивают ширину блока.
padding и border прибавляются к ширине. margin просто отступ.

 

[Felix]

Вот воспользуйся сервисом вот этим создай DIV шаблон совего сайта или страницы и будет тебе счастье. Там уже будет всё настроено и высота и обтикания и отступы так как ты укажешь. В опере не работает не появляется ссылка на скачивания так что юзай IE.

Удачи!

 

[mrDobryj]

Спасибо за ответы, я уже отчаялся :laugh:

Первая верстка в Дивах

В таблицу я заключил так как в Лисе и опере все норм, а в ИЕ футер лезет все время куда то.

Карточка прилагается.

Спасибо за отклик.

 

[mrDobryj]

Не могу разобраться почему при изменении высоты ДИВа в авторежиме, следующий за ним меняет расположение по высоте?

 

[tigra60]

Если Вы имеете в виду div id="content" и div id="right_menu", то это и не удивительно, так как их взаимное расположение задано некорректно. Используйте две подложки - одну для контента, указав ширину и float:left, а вторую - для правого меню, также указав ширину и float:right. Суммарная ширина подложек должна быть равна ширине блока, в котором они находятся. Margin, padding и рамки обеих подложек нулевые, все поля, отступы и рамки задаем во вложенных блоках. Не забудьте, что первый блок после подложек должен иметь clear:both:

...
<style type="text/css">
...
#content-carrier {
    width:842px; /* 1012 - 170 */
    float:left;
    margin:0;
}
#right_menu-carrier {
    width:170px;
    float:right;
    margin:0;
}
...
</style>
...
...
<div id="content-carrier">
    <div id="content">
    ...
    </div>
</div>
<div id="right_menu-carrier">
    <div id="right_menu">
    ...
    </div>
</div>
<div style="clear:both"></div>
...

 

[mrDobryj]

Спасибо! Заработало.

"Я ведь только учусь на волшебника" :biggrin: