Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
 
|
 Добавлено: 08/02/12 в 22:34 |
Подскажите пожалуйста.
<div class="sidebar-left">Left</div>
<div class="sidebar-right">Right</div>
<div class="sidebar-center">Center</div>
Центральный div (sidebar-center) имеет фиксируемую длину 1250px
а боковые должны в зависимости от ширины монитора тянуться или сужаться
вот что то пробовал, да не выходит, это возможно вобще? Подскажите если не сложно.
Мне нужно это для хедера, немогу разобраться. 
За ранее благодарен.
|
|
|
|
| |
С нами с 09.09.11
Сообщения: 70
Рейтинг: 94
|
| Добавлено: 08/02/12 в 23:03 |
Наоборот можно, а в твоем случае надо подумать. 10мин
|
|
|
|
xHTML/CSS, валидная верстка ваших макетов быстро и недорого!
|
7
|
|
| |
С нами с 09.09.11
Сообщения: 70
Рейтинг: 94
|
| Добавлено: 08/02/12 в 23:07 |
Только таблицей похоже 
display:table гугли, если для дивов.
Других простых вариантов не вижу.
|
|
|
|
xHTML/CSS, валидная верстка ваших макетов быстро и недорого!
|
7
|
|
| |
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
| Добавлено: 09/02/12 в 00:21 |
вот и я пока только к этому решению пришел.
Или диз немного поменять и верстать дивами или оставить все как есть и сверстать дивами.
|
|
|
|
| |
red apple
С нами с 23.06.09
Сообщения: 2216
Рейтинг: 2999
|
| Добавлено: 09/02/12 в 10:28 |
Тебе это так надо? Нах мутить, сделай обычную шапку 1250px если это сидж
|
|
|
|
| |
С нами с 07.10.01
Сообщения: 4835
Рейтинг: 3672
|
| Добавлено: 09/02/12 в 11:30 |
Ну вот такого типа что-то.
http://www.webdeveloper.com/forum/showthread.php?t=208828
| Код: [развернуть] | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
min-width: 1200px;
margin:0;
padding:0;
background-position: top center;
}
#left-side-outer {
width:50%;
float:left;
margin-right:-400px;
height: 800px;
}
#left-side{
margin-right:400px;
background-color: #FF9900;
height: 800px;
}
#center-column {
width:800px;
float:left;
color: #FFFFFF;
background-color: #000000;
position:relative;
z-index:10;
height: 800px;
}
#right-side-outer {
width:50%;
float:right;
margin-left:-401px;
height: 800px;
}
#right-side {
margin-left:400px;
height: 800px;
background-color: #FF9900;
}
#header{
clear:both;
height: 175px;
text-align: center;
background-color: #CC0000;
}
</style>
</head>
<body>
<div id="header"></div>
<div id="left-side-outer">
<div id="left-side">
</div>
</div>
<div id="center-column">Centered fixed width centre content : Centered fixed width centre content : Centered fixed
width centre content : Centered fixed width centre content : Centered fixed width centre content : Centered fixed
width centre content : Centered fixed width centre content : Centered fixed width centre content : Centered fixed
width centre content : Centered
fixed width centre content : Centered fixed width centre content : Centered fixed width centre content : Centered
fixed width centre content : Centered fixed width centre content : Centered fixed width centre content : </div>
<div id="right-side-outer">
<div id="right-side">
</div>
</div>
</body>
</html> |
|
|
|
|
| |
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
| Добавлено: 09/02/12 в 12:33 |
| aewm писал: | | Тебе это так надо? Нах мутить, сделай обычную шапку 1250px если это сидж |
Проблема в том что отрисовал хедер и футер, с перетеканием цвета, получилось от темного к светлому, а теперь нужно чтоб всё это красиво смотрелось левая чсть была своим, а правая своим цветом. Ну вот сделал себе проблему.
Вот думаю забить на извращение с версткой и наложить зеркальное изображение и сделать плавный переход в фотошопе и не мучаться с версткой, тогда будут края одного цвета и просто сделать заливку одним вариантом. 
Посмотрю, спасибо!
|
|
|
|
| |
+ +
клоны загельмахера
С нами с 11.10.08
Сообщения: 14532
Рейтинг: 1943
|
| Добавлено: 09/02/12 в 13:10 |
а чо просто таблицу не сделать? не вижу разницы особой акромя понтов, отказываться от того что работает, и верстать 100% все дивами ... ток верстальщики проф. от этого интерес испытывают ... я так делаю, так как проще, всегда, и часто таблицы и дивы - все в куче ...
|
|
|
|
бандера придет - пизды огребет
|
7
|
|
| |
С нами с 09.09.11
Сообщения: 70
Рейтинг: 94
|
| Добавлено: 09/02/12 в 13:17 |
| Lexikon писал: | | Проблема в том что отрисовал хедер и футер, с перетеканием цвета, получилось от темного к светлому, а теперь нужно чтоб всё это красиво смотрелось левая чсть была своим, а правая своим цветом. |
Послушай, а зачем так заморочиваться? Сделай шапку по-центру, и фон тоже центрируй в диве со 100% шириной. Фон сделай >=2000px, чтобы нормально смотрелось на 1920 к примеру.
|
|
|
|
xHTML/CSS, валидная верстка ваших макетов быстро и недорого!
|
7
|
|
| |
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
| Добавлено: 09/02/12 в 13:55 |
спасибо всем!  я тоже так хорошенько подумал, что я больше времени потрачу на эти выебоны, один хер серфер этого не увидет, дивами или таблицей все это сделано.
|
|
|
|
| |
С нами с 18.01.05
Сообщения: 1248
Рейтинг: 1414
|
| Добавлено: 09/02/12 в 14:05 |
глянь как у дравнкешей посл. платники сверстаны, может почерпнешь что.
witch cartoons например
|
|
|
|
| |
С нами с 07.10.01
Сообщения: 4835
Рейтинг: 3672
|
| Добавлено: 09/02/12 в 14:41 |
| Lexikon писал: | | ... с перетеканием цвета, получилось от темного к светлому, а теперь нужно чтоб всё это красиво смотрелось левая чсть была своим, а правая своим цветом. |
Речь о градиентном бекграунде, я правильно понимаю? Часть браузеров это дело уже нативно поддерживается (в CSS3 оно вроде появилось), а там где нет - реализуется довольно просто, тянется картинка с бэкграундом на 100% ширины и высоты. Погугли (рекомендую англоязычные ресурсы, там гораздо больше инфы), я как-то делал такую фигню - ничего сложного.
|
|
|
|
| |
С нами с 27.09.03
Сообщения: 5454
Рейтинг: 2506
|
| Добавлено: 09/02/12 в 15:52 |
таблицы рулят! 
надо делать каждую вещь максимально просто.
|
|
|
|
| |
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
| Добавлено: 09/02/12 в 16:38 |
| kodek писал: | | Речь о градиентном бекграунде, я правильно понимаю? Часть браузеров это дело уже нативно поддерживается (в CSS3 оно вроде появилось), а там где нет - реализуется довольно просто, тянется картинка с бэкграундом на 100% ширины и высоты. Погугли (рекомендую англоязычные ресурсы, там гораздо больше инфы), я как-то делал такую фигню - ничего сложного. |
там сложноватй рисунок BG.
Буду делать таблицей.
|
|
|
|
| |
Design Web, UI/UX, Identity
С нами с 26.03.06
Сообщения: 1860
Рейтинг: 578
|
| Добавлено: 09/02/12 в 16:51 |
|
|
|
|
| |
www.phpdevs.com
С нами с 24.10.02
Сообщения: 16633
Рейтинг: 16105
|
| Добавлено: 09/02/12 в 17:00 |
|
|
|
|
Пишу на php/mysql/django за вменяемые деньги.
Обращаться в личку.
|
7
|
|
| |
Ищу рай
С нами с 20.09.06
Сообщения: 7016
Рейтинг: 525
|
| Добавлено: 11/02/12 в 14:21 |
Lexikon: ты дивно вертсаешь?
|
|
|
|
| |
Люблю то, что делаю!
С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418
|
| Добавлено: 12/02/12 в 15:45 |
вобще да. Но этот таблицей буду.
вот кстати нашел что то, исходник немного другой был, это я уже подшаманил, возможно еще с косяками
| Код: [развернуть] |
<div id="middle">
<div class="wrap">
<div class="left">Left</div>
<div class="content">Content</div>
<div class="right">Right</div>
</div>
</div>
<style type="text/css">
* {margin:0;padding:0;}
body {background-color:#9a9;}
#middle {display:table; width:100%;}
.wrap {display:table-row;}
.left,.content,.right {display:table-cell;}
.left {background-color:#9dd; width:auto;}
.content {
background-color:#fff;
border:#000 solid;
border-width:0 1px;width:1250px;
}
.right {background-color:#99b; width:auto;}
</style>
|
для IE там вроде отдельно написать стиль нужно
|
|
|
|
| |
