Форум hotibo.ru

wolfovich · 10.07.2010 16:17

СОбственно как можно (а можно ли) сделать три колонки причем средняя имееет фиксированную ширину (и расположенна по центру), а боковушки растягиваются??? Что-то я искал наверно плохо

AKS · #2 10.07.2010 17:22

wolfovich
Вот здесь я выкладывал пример: http://forum.htmlbook.ru/viewtopic.php?id=78

tapazukk · #3 10.07.2010 17:42

AKS у вас же там совсем наоборот-фиксированные боковушки.
По поводу фиксированной средней колонки по центру предлагаю вариант с абсолютным позиционированием
стили:

Код:

*{margin:0;padding:0}
#center{ position:absolute; width:200px; background-color: #999966;
top:0; left:50%; margin-left:-100px; }
#left{ width:49.9%; float:left; background-color:#009900;}
#right{ width:49.9%; float:right; background-color:#3366CC;}
#left p{ margin-right:110px; color:#fff;}
#right p{ margin-left:110px; color:#fff;}

код:

Код:

Center Center Center Center Center Center Center Center 
left left left left left left left left left left left left left left left left left left
right right right right right right right right right right right right right right right

Указал для параграфа маргины,тк указав в блоках left и right паддинг,то он влияет на их ширину
(что то такое слышал но так и не вспомню что-то про то как разные браузеры понимают паддинги м маргины-особенно Opera)
Конечно окончательный вариант зависит от того сколько будет содержимого на странице, и должны ли все колонки тянуться равномерно и т.п. и п.р.

Отредактированно tapazukk (10.07.2010 17:45)

wolfovich · #4 10.07.2010 17:45

AKS написал:

wolfovich
Вот здесь я выкладывал пример: http://forum.htmlbook.ru/viewtopic.php?id=78

Спасибо конечно, но мне надо чтоб серединка была фиксированной ширины, а края тянулись.

2tapazukk: Что-то пример не работает в ИЕ А в файрфоксе нормальненько так Спасибо.

Отредактированно wolfovich (10.07.2010 17:52)

AKS · #5 10.07.2010 19:50

Ребят, я ведь хотел лишь подсказать, в каком направлении можно попробовать сдвинуться с места. Дальше уж сами как-нибудь...

tapazukk · #6 11.07.2010 00:42

Вложенные дивы...хм
такой тогда вариант
css

Код:

#left{width:41.5%; border: 1px solid black;  float:left;}
#centerBlock {float:right; width:58%;}
#middleBlock {  float:left;width: 160px;border: 1px solid black;}
#rightContent {  margin-left: 165px; border: 1px solid black;}

код

Код:

leftContent

    
middleBlock
      middleBlock
    
    rightContent

Но у блока-контейнера есть малннький трабл в ИЕ

wolfovich · #7 11.07.2010 15:29

tapazukk написал:

Вложенные дивы...хм
такой тогда вариант ...

Блоки по краям не одинаковые. А имелось ввиду что они имеют одинаковую ширину (равномерно растягиваются).

Отредактированно wolfovich (11.07.2010 15:30)

Admin · #8 11.07.2010 16:09

Код:


    
        Выделить этот код Ctrl+C и сделать HTML-файл.
    


    
        Выделить этот код Ctrl+C и сделать HTML-файл.
    


    
        Выделить этот код Ctrl+C и сделать HTML-файл.

wolfovich · #9 11.07.2010 19:13

Хм вроде все работет Спасибо большое. Я правда не совсем догоняю как середина висит по центру и не мешает правой колонке?

tapazukk · #10 11.07.2010 19:18

ну все равно в Opera8.5 бага с центральной колонкой.
А кто-нибуть знает что с абсолютным позиционированием в ИЕ такое,
в том примере что я выше указывал?

AKS · #11 11.07.2010 20:52

tapazukk
В первом примере?

tapazukk · #12 11.07.2010 23:08

(^; AKS (во втором)
см сообщение от tapazukk в 17:22
вообщем-то вопрс такое и раньше случалось у меня-в ИЕ6 пропадает неведамо куда абсолютно спозиционированный блок.
Может необходимо выплнять какое-то определенное условие?

Отредактированно tapazukk (11.07.2010 23:09)

AKS · #13 12.07.2010 07:26

см сообщение от tapazukk в 17:22

У меня такого сообщения нет - часовые пояса-то разные...
Тем не менее, насчет абсолютного позиционирования могу сказать следующее: я встречал описания св-ва position, где было отмечено, что в IE 6 поддержка этого св-ва считается частичной, ну и, видимо, отсюда некотороые проблемы.

CountZero · 21.07.2010 18:37

Чот я не понял, вы уже решили вопрос или нет?

Форум hotibo.ru

#1 10.07.2010 16:17

Три колонки. Края тянутся, центр нет.

#2 10.07.2010 17:22

Re: Три колонки. Края тянутся, центр нет.

#3 10.07.2010 17:42

Re: Три колонки. Края тянутся, центр нет.

Код:

Код:

#4 10.07.2010 17:45

Re: Три колонки. Края тянутся, центр нет.

AKS написал:

#5 10.07.2010 19:50

Re: Три колонки. Края тянутся, центр нет.

#6 11.07.2010 00:42

Re: Три колонки. Края тянутся, центр нет.

Код:

Код:

#7 11.07.2010 15:29

Re: Три колонки. Края тянутся, центр нет.

tapazukk написал:

#8 11.07.2010 16:09

Re: Три колонки. Края тянутся, центр нет.

Код:

#9 11.07.2010 19:13

Re: Три колонки. Края тянутся, центр нет.

#10 11.07.2010 19:18

Re: Три колонки. Края тянутся, центр нет.

#11 11.07.2010 20:52

Re: Три колонки. Края тянутся, центр нет.

#12 11.07.2010 23:08

Re: Три колонки. Края тянутся, центр нет.

#13 12.07.2010 07:26

Re: Три колонки. Края тянутся, центр нет.

#14 21.07.2010 18:37

Re: Три колонки. Края тянутся, центр нет.

Board footer