X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> не выходит трехколоночная div верстка
dzheka3d
dzheka3d
Topic Starter сообщение 22.6.2011, 3:18; Ответить: dzheka3d
Сообщение #1


Привет! Хочу сделать так, что бы центральный блок был фиксированный, а боковые резиновые. Все работает, но как только в центральный блок вставляю еще какой-то div - весь центральнй блок наезжает на левый. Вот код:

[CSS]
.sideleft {float: left; margin-right: -350px; width: 50%;}
.sideleftInner {margin-right: 350px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; padding-top: 25px;}
.sideright {float: right; margin-left: -350px; width: 50%;}
.siderightInner {margin-left: 350px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; padding-top: 25px;}
.sidecenter {float: left; position: relative; width: 700px; z-index: 2;}

.center-title {background-image: url("site-img/bg-cent-form-title.png"); background-repeat:no-repeat; height: 20px;}
.center-menu {background-image: url("site-img/bg-cent-form-menu.png"); background-repeat:no-repeat; height: 39px;}
.center-form {background-image: url("site-img/bg-cent-form.png"); background-repeat:repeat-y;}
[/CSS]

<div class="sideleft">
<div class="sideleftInner"></div>
</div>
<div class="sideright">
<div class="siderightInner"></div>
</div>
<div id="sidecenter">
<div class="center-title">sdf</div>
<div class="center-menu">sdf</div>
<div class="center-form">df</div>
</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ValianT
ValianT
сообщение 22.6.2011, 12:53; Ответить: ValianT
Сообщение #2


Пишите сразу браузеры в которых проблемы.

По идее должны быть в ие6-7.

Меняем местами блоки в коде.

<div class="sideleft">
<div class="sideleftInner">r1</div>
</div>

<div class="sidecenter">
<div class="center-title">sdf</div>
<div class="center-menu">sdf</div>
<div class="center-form">df</div>

</div>

<div class="sideright">
<div class="siderightInner">l1</div>
</div>


И чутка добиваем css
[CSS].sidecenter {float: left; position: relative; width: 700px; z-index: 2; margin-right:-350px;}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dzheka3d
dzheka3d
Topic Starter сообщение 22.6.2011, 19:05; Ответить: dzheka3d
Сообщение #3


Получилось! Спасибо!!!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
27 zaiko 17555 2.4.2024, 14:00
автор: zaiko
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 92111 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1419 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1528 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16531 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 20.4.2024, 15:04
Дизайн