Вставка нового блока DIV

RoInmana

Пользователь
Регистрация
28.01.13
Сообщения
29
Реакции
5
Баллы
3
Имеется вот такая стандартная конструкция блоков DIV(см. вложеную картинку). Помогите, пожалуйста, вставить блок NEV. Нужно вставить его не внутри content, а именно как отдельный блок. Все блоки float: left, если вставляю его после left, перед content, то все выглядит почти как на рисунке, только right не хочет обтекать nev и смещен вниз на высоту nev, толкая footer тоже вниз. Как добиться чтоб они все рядом встали?


 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
Можно мне полностью код? Стили можно отдельно, можно прямо встроенно. Трудно судить, пока код не увидишь.
Дать можно или в тегах html или в блокноте архивом...
 

DeadBlood

Пользователь
Регистрация
12.09.12
Сообщения
21
Реакции
7
Баллы
3
Возраст
32
Адрес
Украина,Закарпатская обл.г.Свалява
Можно взглянуть ваш код?
а так возможно стоит задать блоку соntent относительное позиционирование.Или же при абсолютном прописать вручную отступы от верха в px(top же у вас с фиксированными размерами).
 
Последнее редактирование:

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
Два решения - абсолют и релатив. Не обращайте внимания на оформление - это мои старые домашние задания... Училась верстать... А сейчас только добавила ваш контейнер сверху, там видно.

Хм... сейчас только подумала, что подвала нету, но это не проблема, я думаю.
 

Вложения

  • 3cont.zip
    125.7 KB · Просмотры: 5
Последнее редактирование:

RoInmana

Пользователь
Регистрация
28.01.13
Сообщения
29
Реакции
5
Баллы
3
Два решения - абсолют и релатив.
Огромное спасибо!!! Вы мне очень помогли. Как здесь вам спасибо сказать? Не смог найти.
Просмотрев Ваш код, до меня дошло где у меня ошибка. Я ставил блоки все float:left, чтобы они падали один за другим, а вы развели меню по краям left и right, а контент провалился в центр.
Хочу еще уточнить пару моментов:
Вот эти два блока в Вашем примере, по краям: "Интеграция" и "Манипуляция". Они имеют высоту расположеного в них контента, как и центральный блок center_cont. Как сделать так, чтобы высота блоков left_cont и right_cont растягивалась до высоты center_cont(тоесть до высоты контента в center_cont), но при этом, если контента нет, либо он "короткий", не становилась меньше заданого значения высоты(например 1000px);
Нужно ли теперь дублировать свойства CSS3 для разных браузеров?
 
Последнее редактирование:

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Спасибы появятся после 10 постов.
 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
Высота задается как обычно, через height... Если у вас будет подвал, и центральный контейнер в него будет упираться, то смело задавайте и боковым контейнерам высоту 100%... Всё и выровняется... А минимум регулируется min-height, тут другого, кажется, не придумали...

Нужно ли теперь дублировать свойства CSS3 для разных брайзеров?

Мне кажется, браузеры никогда не придут к единому стандарту :D
Так что какие-то расхождения всегда будут...

Добавлено через 7 секунд
Высота задается как обычно, через height... Если у вас будет подвал, и центральный контейнер в него будет упираться, то смело задавайте и боковым контейнерам высоту 100%... Всё и выровняется... А минимум регулируется min-height, тут другого, кажется, не придумали...

Нужно ли теперь дублировать свойства CSS3 для разных брайзеров?

Мне кажется, браузеры никогда не придут к единому стандарту :D
Так что какие-то расхождения всегда будут...
 

RoInmana

Пользователь
Регистрация
28.01.13
Сообщения
29
Реакции
5
Баллы
3
Высота задается как обычно, через height... Если у вас будет подвал, и центральный контейнер в него будет упираться, то смело задавайте и боковым контейнерам высоту 100%... Всё и выровняется... А минимум регулируется min-height, тут другого, кажется, не придумали...
Я так делал, но высота боковых контейнеров 100% означает высоту контента в этих контейнерах и если в главном контейнере контент по длине больше чем в боковых, то боковые не растягиваются до главного, а стоят на своих 100% своего внутренего контента. Свойство бокового контейнера min-height=1000px(к примеру) делает его высоту 1000px, но если в главном больше, то боковой все равно не тянется...это и логично.
 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
RoInmana, я примерно на неделю в командировку - если до этого никто не подскажет - сверстаю...
 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
Да, с height, я, кажется, погорячилась...
Но всегда можно задать позиционирование в абсолюте...
(см. вложение)
 

Вложения

  • absolute.zip
    2.2 KB · Просмотры: 1

RoInmana

Пользователь
Регистрация
28.01.13
Сообщения
29
Реакции
5
Баллы
3
Ночная странница >>> спасибо!
 

RoInmana

Пользователь
Регистрация
28.01.13
Сообщения
29
Реакции
5
Баллы
3
Возвращаясь к вопросу о высоте блоков, делаю следующее:
Код:
.conteiner {	overflow: hidden;	width: 100%;
}
#left, #content, #right {	margin-bottom: -10000px;	padding-bottom: 10000px;	display:block;	float:left;	width:32%;
#foother { clear: both; width: 100%; height:20px;
}
}
Код:
<div class="conteiner">	<div id="left">Контент</div>	<div id="content">Контент</div>	<div id="right">Контент</div> <div id="foother">Подвал</div>
</div>
Боковые колонки "тянутся" до высоты content как положено, но перекрывают foother, как его правильно сюда вписать, что бы не перекрывался, а был внизу на всю ширину conteiner?
 
Последнее редактирование:

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
что бы не перекрывался, а был внизу на всю ширину conteiner

А зачем его в контейнер? Просто вынесите и задайте ширину такую же, как у контейнера... Ну или если уж прямо обязательно внутрь - position: relative;
 

RoInmana

Пользователь
Регистрация
28.01.13
Сообщения
29
Реакции
5
Баллы
3
Помогло вынести блок из общего контейнера! Спасибо! Только вместо position: relative; сделал margin:0 auto;
 
Последнее редактирование:

Статистика форума

Темы
200.635
Сообщения
380.524
Пользователи
327.877
Новый пользователь
fine.greff
Сверху Снизу