Верстка без таблиц

[NoOne]

Всем привет.

Подскажите, пожалуйста, есть ли способ без таблиц сверстать следующее:

Есть три колонки. Левая и правая шириной 100px, у колонки по центру ширина должна быть 100%. Соответственно размер ее должен меняться в зависимости от разрешения.

[NoOne]

Слои

+ CSS

[NoOne]

Именно так я и пытался сделать.

Дело в том, что при указании второму блоку ширину 100% он заезжяет на третий блок справа. И появляется нижний скроллинг.

Тестирую под IE 6. Собственно должно работать под IE 5.5+



Привожу свой код. Возможно я ошибся где-то. Помогите разобраться, пожалуйста











Untitled













1

2

3

[vadimiron]

Ну естественно 100% это же вся страница!! А вам надо, чтобы средний столбец занял всё оставшееся место, это делается с помощью *, то есть width:*;

[vadimiron]

Ну естественно 100% это же вся страница!! А вам надо, чтобы средний столбец занял всё оставшееся место, это делается с помощью *, то есть width:*;

[NoOne]

По моему браузер просто не понимает такую запись и игнорирует ее width:*;

[E-mail]

а ктото запрещает использовать iframe и фреймы?)



fieldset ?

[vadimiron]

У меня всё под ИЕ работает

[NoOne]

vadimiron, не могли бы Вы привести кусочек кода в качестве примера? Понимаю, что это звучит странно, но вряд ли у нас браузеры работают по разному

По умолчанию DIV автоматически растягивается по всей ширине. Но если его использовать в сочетании с position:absolute; - его поведение меняется в обратную сторону.

К сожалению, на сайте w3.org я не нашел упоминаний о такой записи атрибута width:*; Вы не могли ошибиться?



E-mail, обстоятельства

[Dutchman Mihel]

vadimiron

У меня в IE6 width:* тоже не срабаиывает (а в опере и firfoxe все путем)

NoOne

думаю тут дело в том что ИЕ не понимает одновременного



Код:

Код: Выделить всё

 
 left:112px;
 right:1px;

предлагаю так:



.two {

position:absolute;

display:inline;

border:1px solid #000000;

left:112px;

right:1px;

width:*;

width:expression(document.body.clientWidth - 115 + "px");

background: #a6d14c;

}