|
aleksk
Гость
|
 |
« : 14-04-2007 19:05 » |
|
Есть два <DIV> друг за другом (слева на право).Первый фиксированного размера , а второй надо сделать до конца окна (для разных размеров окна)?  |
|
|
|
|
Записан
|
|
|
|
RXL
Технический
Администратор
 Online
Пол: 
|
|
« Ответ #1 : 15-04-2007 10:21 » |
|
У меня работает так: <div class="c0">
<div class="c1">...</div>
<div>...</div>
<div class="c2"></div>
</div> .c1
{
width: 80px;
float: left;
}
.c0, .c2
{
clear: both;
} Блок c2 нужен как затычка, чтобы блок с0 не сокращался меньше c1. |
|
|
|
|
Записан
|
... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
|
|
|
|
aleksk
Гость
|
|
« Ответ #2 : 15-04-2007 20:11 » |
|
Спасибо!!! А почему используется class , а не просто id?
|
|
|
|
« Последнее редактирование: 15-04-2007 23:41 от aleksk »
|
Записан
|
|
|
|
RXL
Технический
Администратор
Online
Пол:
|
|
« Ответ #3 : 16-04-2007 04:14 » |
|
aleksk, по правилам xml значения атрибута id должны быть уникальными в пределах документа. id - это не аналог class. В CSS по этому id имеет приоритет 100, когда class - 10.
Если эти блоки у тебя будут в единичном колличесте, то можно использовать id, если нет - class.
|
|
|
|
|
Записан
|
... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
|
|
|
|
aleksk
Гость
|
|
« Ответ #4 : 16-04-2007 11:57 » |
|
RXL спасибо!!!Но при таком исполнении DIV (тот ,что не фиксированного размера) перескакивает вниз ,двигая всё на своём пути, при уменьшении размеров окна меньше первого DIV-а (фиксированного размера).
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #5 : 16-04-2007 12:35 » |
|
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #6 : 16-04-2007 12:38 » |
|
Sla , не работает ссылка!!
|
|
|
|
|
Записан
|
|
|
|
RXL
Технический
Администратор
Online
Пол:
|
|
« Ответ #7 : 16-04-2007 13:03 » |
|
aleksk, это неизбежно: один элемент плавает вдоль другого элемента и будет находится рядом с ним только при наличии достаточного кол-ва места. Для борьбы с этим нужно распереть страницу до минимально допустимого дизайном размера.
|
|
|
|
|
Записан
|
... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
|
|
|
|
|
|
aleksk
Гость
|
|
« Ответ #9 : 16-04-2007 13:37 » |
|
Спасибо всем !!!! А может я слишком заморочился... Мне надо всего лишь после заголовка нарисовать линию до конца окна браузера (при разных размерах).А каким способом лучше расперкть страницу?
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #10 : 16-04-2007 13:43 » |
|
Спасибо всем !!!! А может я слишком заморочился... Мне надо всего лишь после заголовка нарисовать линию до конца окна браузера (при разных размерах).А каким способом лучше расперкть страницу?
Еще раз.... Чего надо? может <hr> спасет отца русской демократии? тебе нужны гориз или вертик линия? вертик можно получить бордером-лефтом |
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #11 : 16-04-2007 13:56 » |
|
Sla спасибо за участие!!! Нужна горизонтальная линия ,но после слова и до конца окна и цветная.Что то типа (сообщение________)!
|
|
|
|
« Последнее редактирование: 16-04-2007 13:59 от aleksk »
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #12 : 16-04-2007 14:42 » |
|
может посмотреть в сторону псевдоэлементом :before и :after
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #13 : 16-04-2007 14:59 » |
|
Я бы с удовольствием , но я первый раз о них слышу.Где можно с ними познакомиться?
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #14 : 16-04-2007 15:03 » |
|
хотя есть подозрение что это не работает
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
|
|
aleksk
Гость
|
|
« Ответ #16 : 16-04-2007 16:01 » |
|
А "before и after" это псевдоэлементы чего?
|
|
|
|
|
Записан
|
|
|
|
RXL
Технический
Администратор
Online
Пол:
|
|
« Ответ #17 : 16-04-2007 16:21 » |
|
aleksk, ссылка же была дадена: http://wdh.suncloud.ru/css02.htm#ref228Sla, статья довольно баянистая. Проблемы там теже и решают их также - распоркой: min-width и танцами с бубном. На мой взгляд, если поставить img-распорку, то бубнов меньше надо будет. Или я не прав?
|
|
|
|
« Последнее редактирование: 16-04-2007 16:31 от RXL »
|
Записан
|
... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
|
|
|
|
aleksk
Гость
|
|
« Ответ #18 : 16-04-2007 16:24 » |
|
Прошу прошения ,просто я там заблудился  |
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #19 : 16-04-2007 16:28 » |
|
RXL, я спецательно дал ссылку на весь контент
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #20 : 16-04-2007 16:32 »  |
|
Спасибо RXL и Sla!Просто в Opere ,почему то , ссылки на следующие страницы не работают..... |
|
|
|
|
Записан
|
|
|
|
|
