Помогите с нарезкой

[Nicca]

Помогите с нарезкой

Я пытаюсь сделать резиновую странцу разделенную на 3 вертикальных полосы: левая и правая по 240 пикселей, центральная - все оставшиеся место.
Я использую такой код:

<div style="width:240px; background-color:ff0000; height:100%; float:left;">
<img src="images/logo.jpg" /><br />
</div>

<div style="width:80%; background-color:ff0000; height:100%; float:left;"></div>

<div style="width:240px; background-color:ff0000; height:100%; float:right;">
</div>

Если уменьшаешь страницу по ширине и или уменьшаешь разрешение экрана, то полосы перекашивает. Получается что-то типа треугольника. Под левой частью полосы идет центральная, под центральной - правая.

Как сделать так, чтобы елементы оставались зафиксированными? Помогите пожалуйста советом.

 

[@ndrey]

1. height:100% здесь лишний
2 в среднем диве убрать float:left и width:80%, поставить margin:0 240px 0 240px
3. колонки формировать методом "ложных колонок"
4. (забыл самое главное) среднюю колонку разместить по коду последней.

 

[WP]

у тебя сейчас position: relative, а надо absolute.

 

[baev]

надо absolute

— тогда «резиновости» не будет.

 

[@ndrey]

ээ..коллеги вы вводите в заблуждение автора топика.
во-первых position здесь ни причем и он там не relative;
во-вторых на резиновость это не влияет.
зы: в качестве примера

 

[Духовность™]

зы: в качестве примера

причина появления вот таких вот сайтов-примеров лишний раз доказывает всю нынешнюю убогость существующих инструментов для верстки веб-страниц и средств их воспроизведения.

прошу прощения, не сдержался.

 

[@ndrey]

убогость существующих инструментов для верстки веб-страниц и средств их воспроизведения.

все надо делать ручками, а не полагаться на инструменты, имхо.

 

[Nicca]

Подскажите основные правила css верстки для одинакового отображения страниц в разных браузерах.
Тестирую страницу в ие6, оперре9, опере7 и фаерфокс 1.5.0.1 - результаты вобще разные.
Как браузерам указывать отступы чтобы кругом одинаково отображалось.

И еще:

<div style="background-image: url('gradient_gray.gif'); background-repeat:repeat-x; border-left: 1px solid #fff; border-right: 1px solid #fff; height:65px;">

Почему не грузится бекграунд в опереи мозиле а в ие он есть?

 

[Mr_Max]

Nicca
У гугла пробовали спрашивать?

 

[@ndrey]

Подскажите основные правила css верстки для одинакового отображения страниц в разных браузерах.

это очень долго.

вот вам все карты верстки

 

[Доктор]

Не нужно онанировать. Юзайте таблицы в таких случаях.

 

[Nicca]

Можете дать ссылку на резиновый сайт сверстаный с помощью блоков сss
Хочется посмотреть как правильно делать

 

[boombick]

google:// css design

 

[baev]

ссылку на резиновый сайт сверстаный с помощью блоков сss

— ищите по слову "zengarden"