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

R

RoInmana

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


 
Н

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

#2
Можно мне полностью код? Стили можно отдельно, можно прямо встроенно. Трудно судить, пока код не увидишь.
Дать можно или в тегах html или в блокноте архивом...
 
D

DeadBlood

#3
Можно взглянуть ваш код?
а так возможно стоит задать блоку соntent относительное позиционирование.Или же при абсолютном прописать вручную отступы от верха в px(top же у вас с фиксированными размерами).
 
Н

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

#4
Два решения - абсолют и релатив. Не обращайте внимания на оформление - это мои старые домашние задания... Училась верстать... А сейчас только добавила ваш контейнер сверху, там видно.

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

RoInmana

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

Wmboard

#6
Спасибы появятся после 10 постов.
 
Н

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

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

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

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

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

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

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

RoInmana

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

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

#9
RoInmana, я примерно на неделю в командировку - если до этого никто не подскажет - сверстаю...
 
Н

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

#10
Да, с height, я, кажется, погорячилась...
Но всегда можно задать позиционирование в абсолюте...
(см. вложение)
 
R

RoInmana

#11
Ночная странница >>> спасибо!
 
R

RoInmana

#12
Возвращаясь к вопросу о высоте блоков, делаю следующее:
Код:
.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?
 
Н

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

#13
что бы не перекрывался, а был внизу на всю ширину conteiner

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

RoInmana

#14
Помогло вынести блок из общего контейнера! Спасибо! Только вместо position: relative; сделал margin:0 auto;
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread