CSS колонки @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 15 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
AlexShop Муж.
участник
34
Сообщения: 1866
Зарегистрирован: 17.02.04
Заголовок сообщения: CSS колонки
Сообщение Добавлено: 8 Январь 2006, 07:31:28 
Есть три колонки. Вторая имеет фиксированую ширину (750px).
Первая и третья - заполняют свободное пространство.

Таблицами делаю так..
<table width="100%">
<td width="50%"></td>
<td><div style="width: 750px"></div></td>
<td width="50%"></td>
</table>

а можно без таблиц?
Что то искал, нигде не нашел..
IonDen666 Муж.
постоянный участник
109
Сообщения: 3234
Зарегистрирован: 25.11.04
Откуда: Москва
Сообщение Добавлено: 8 Январь 2006, 13:52:26 
AlexShop, ну что же ты? В этом разделе по моему каждая 10-ая тема касается вот этой фичи...

_________________
Frontend developer: IonDen.com
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 8 Январь 2006, 17:16:04 
AlexShop, можно естественно :)
Код:
<html>
<head>
<style type="text/css">
.head{float:left;width:100%;height:100%;}
.left, .right {float:left;width:50%;padding:0px;}
.right{text-align:right;}
.fix{width:750px;}
</style>
</head>
<body>
<div class="head">
  <div class="left"></div>
  <div class="right">
     <div class="fix">Фиксированная колонка</div>
  </div>
</div>
</body>
</html>

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
bE(o0L Муж.
постоянный участник
23
Сообщения: 3311
Зарегистрирован: 22.07.03
Откуда: сзабугра
Сообщение Добавлено: 8 Январь 2006, 18:05:49 
а почему float, а не inline ? Чисто интереса ради. :dandy:

_________________
можно на ТЫ.
tentoys Муж.
постоянный участник
121
Сообщения: 2940
Зарегистрирован: 06.08.02
Откуда: МКАДонутряк
Сообщение Добавлено: 8 Январь 2006, 19:04:11 

bE(o0L писал(а):
а почему float, а не inline ? Чисто интереса ради.


Ну, чисто интереса ради, поинтересуйтесь о назначении селекторов и свойствах селекторов, к примеру, display ;-) К чему Вы хотите применить inline, а к чему относится float? В данном случае пока Ваш вопрос прозвучал примерно так: а зачем писАть абзацами, когда можно словами...

_________________
Keep in touch. Andrey Alexeev.
sobaka
участник
11
Сообщения: 1474
Зарегистрирован: 03.07.01
Откуда: Vilnius, Lietuva
Сообщение Добавлено: 9 Январь 2006, 05:56:38 
Kurilshik, а теперь посмотрите ваше творение в Safari. Все к черту расползается с появлением горизонтального скроллинга.

_________________
She brings the rain
Don Julio Муж.
постоянный участник
77
Сообщения: 3562
Зарегистрирован: 02.08.02
Откуда: Пустота
Сообщение Добавлено: 9 Январь 2006, 07:23:02 
sobaka, давай конструктив.

_________________
Не бойтесь.
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 9 Январь 2006, 12:26:43 
sobaka, а теперь давайте удалим сафари с жесткого диска :)

Если серьезно, то я написал код который работает в ИЕ,Мозилле,ФФ,Опере и Маке...
Вполне возможно что он неработает в супербраузерах типа сафари.

Я с удовольствием посмотрю Ваш код :) :beer:

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
tentoys Муж.
постоянный участник
121
Сообщения: 2940
Зарегистрирован: 06.08.02
Откуда: МКАДонутряк
Заголовок сообщения: Re: CSS колонки
Сообщение Добавлено: 9 Январь 2006, 12:30:19 

AlexShop писал(а):
а можно без таблиц? Что то искал, нигде не нашел..


Так не подойдёт?
http://glish.com/css/7.asp
Если не сильно подходит и лениво затачивать для себя, то есть вариант попроще: http://glish.com/css/9.asp
Тута так: в левый div (leftcontent) вставляем div фиксированной ширины и телемаркет!
p.s. в сафари должно нормально отображаться

_________________
Keep in touch. Andrey Alexeev.
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 9 Январь 2006, 13:05:55 
sobaka, Kurilshik, горяччие пааарни, а вопрос-то в том лишь, что ближе стандарту - ФФ+Опера или Сафари? Во многих случаях Сафари, но зесь стоило бы проверить. Если это так - можно поискать решение и для Сафари, было бы оно кому нужно вообще, если не так - подождём вразумления Сафари. Кстати, sobaka, какой версии Сафари и можно ли скриншот ошибки?
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 9 Январь 2006, 13:36:30 
Abstract, ну просто это не так уж и сложно вместо height="123" прописать стиль. Да? Тем более что код с height=… не будет гляить только в ие

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
Abstract Муж.
постоянный участник
37
Сообщения: 3900
Зарегистрирован: 25.10.05
Откуда: Ближнее зарубежье
Сообщение Добавлено: 9 Январь 2006, 13:52:01 
Kurilshik, и я о чём.
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 9 Январь 2006, 14:55:33 
ok :beer:

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
sobaka
участник
11
Сообщения: 1474
Зарегистрирован: 03.07.01
Откуда: Vilnius, Lietuva
Сообщение Добавлено: 9 Январь 2006, 17:08:25 
Kurilshik, макюзеры, у кого OS X (а она почти у всех сейчас) юзают Safari, и не только потому, что это встроенный браузер, но и потому, что он 100 очков форы дасти и Фоксу, и Опере. Сафари более отвечает спецификациям CSS 2.1, чем Опера и Фокс.

Tentoys предложил работающий в Safari 2.0.2 вариант, повторяться не буду.

_________________
She brings the rain
Kurilshik
Goldmember
142
Сообщения: 12797
Зарегистрирован: 18.10.04
Откуда: Кожаное кресло
Сообщение Добавлено: 9 Январь 2006, 17:29:28 
sobaka, да мне то что :)

_________________

Портфолио - ЖЖ - Кулинарные рецепты - Блог о дизайне, уроки фотошоп

icq: 295346452 | Почта: info()alexey-popov.com

.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 15 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100