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

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: вёрстка с применением css  (Прочитано 9081 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Chuda
Гость
« : 07-10-2006 09:30 » 

так в ТЗ: обязательно css div'ы, и никаких таблиц.
и надо сделать три колонки, правая и левая имеют фиксированную ширину, а в середине - занимает всё оставшееся место.
Насколько я знаю, div'ы так тесниться не умеют, как ячейки таблицы, и если среднему задать 100%, то он это и поймёт буквально.
Единственное, что мне приходит в голову, это правой и левой колонке задать нужную ширину, float, а средней задать ширину 100% и padding'и соответствующие.
Но почему-то мне кажется, что это криво.
Можно ли сделать более красиво?
« Последнее редактирование: 14-12-2007 18:15 от Алексей1153++ » Записан
Chuda
Гость
« Ответ #1 : 07-10-2006 09:53 » 

и ещё ведь такой момент, что если сделать padding, то ширина этого паддинга добавляется к 100%, и уже в окно не влезает.
Записан
RXL
Технический
Администратор

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

WWW
« Ответ #2 : 07-10-2006 10:27 » 

Div, как блочный элемент, по умолчанию занимает 100% ширины, начинается с новой строки и не допускает никого в свою строку. Но, есть CSS-фишка - перемещаемые объекты. См. в стандарте свойства clear и float. Там же написаны правила перемещения.
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Chuda
Гость
« Ответ #3 : 07-10-2006 11:13 » 

спасибо, видимо что-то в этом духе и нужно
Записан
Chuda
Гость
« Ответ #4 : 08-10-2006 05:34 » 

и опять глюк.
вот ставлю я примерно так:
Код:
<div style="float: left">левая колонка</div>
<div style="float: right">правая колонка</div>
<div style="padding: 20px;">текст по центру</div>
так вот в таком случае padding не работает.
Записан
RXL
Технический
Администратор

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

WWW
« Ответ #5 : 08-10-2006 09:31 » 

Размер столбцов нужно фиксировать. Посмотри такой вариант (см. атач) - я скорректировал размеры в onload.

* div_columns.html (1.36 Кб - загружено 926 раз.)
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines