Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: Подскажите, как решить проблему.  (Прочитано 20964 раз)
0 Пользователей и 1 Гость смотрят эту тему.
aleksk
Гость
« : 14-04-2007 19:05 » 

Есть два <DIV> друг за другом (слева на право).Первый фиксированного размера , а второй надо сделать до конца окна (для разных размеров окна)? Здесь была моя ладья...
Записан
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #1 : 15-04-2007 10:21 » 

У меня работает так:

Код: (HTML)
<div class="c0">
  <div class="c1">...</div>
  <div>...</div>
  <div class="c2"></div>
</div>
Код: (CSS)
.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
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #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
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #5 : 16-04-2007 12:35 » 

aleksk, ходи сюда, может поможет? http://designformasters.info/posts/holy-grail/
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #6 : 16-04-2007 12:38 » 

Sla , не работает ссылка!!
Записан
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #7 : 16-04-2007 13:03 » 

aleksk, это неизбежно: один элемент плавает вдоль другого элемента и будет находится рядом с ним только при наличии достаточного кол-ва места. Для борьбы с этим нужно распереть страницу до минимально допустимого дизайном размера.
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #8 : 16-04-2007 13:06 » 

странно, у меня работает
вот оригинал (англ) http://alistapart.com/articles/holygrail
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #9 : 16-04-2007 13:37 » 

Спасибо всем !!!! А может я слишком заморочился... Мне надо всего лишь после заголовка нарисовать линию до конца окна браузера (при разных размерах).А каким способом лучше расперкть страницу?
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #10 : 16-04-2007 13:43 » 

Спасибо всем !!!! А может я слишком заморочился... Мне надо всего лишь после заголовка нарисовать линию до конца окна браузера (при разных размерах).А каким способом лучше расперкть страницу?
Еще раз.... Чего надо?
может <hr> спасет отца русской демократии?
тебе нужны гориз или вертик линия?
вертик можно получить бордером-лефтом
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #11 : 16-04-2007 13:56 » 

Sla спасибо за участие!!! Нужна горизонтальная линия ,но после слова и до конца окна и цветная.Что то типа (сообщение________)!
« Последнее редактирование: 16-04-2007 13:59 от aleksk » Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #12 : 16-04-2007 14:42 » 

может посмотреть в сторону псевдоэлементом :before и :after

Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #13 : 16-04-2007 14:59 » 

Я бы с удовольствием , но я первый раз о них слышу.Где можно с ними познакомиться?
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #14 : 16-04-2007 15:03 » 

хотя есть подозрение что это не работает
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #15 : 16-04-2007 15:14 » 

вот тута http://wdh.suncloud.ru/contents.htm (немного устарело, но все же)
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #16 : 16-04-2007 16:01 » 

А "before и after" это псевдоэлементы чего?
Записан
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #17 : 16-04-2007 16:21 » 

aleksk, ссылка же была дадена: http://wdh.suncloud.ru/css02.htm#ref228

Sla, статья довольно баянистая. Проблемы там теже и решают их также - распоркой: min-width и танцами с бубном.
На мой взгляд, если поставить img-распорку, то бубнов меньше надо будет. Или я не прав?
« Последнее редактирование: 16-04-2007 16:31 от RXL » Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
aleksk
Гость
« Ответ #18 : 16-04-2007 16:24 » 

Прошу прошения ,просто я там заблудился Улыбаюсь
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #19 : 16-04-2007 16:28 » 

RXL, я спецательно дал ссылку на весь контент Улыбаюсь
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #20 : 16-04-2007 16:32 » 

Спасибо RXL и Sla!Просто в Opere ,почему то , ссылки на следующие страницы не работают.....Улыбаюсь
Записан
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines