amz00m

#a и #b лишь пересекаются друг с другу, а не целиком совпадают

Дано: #a { z-index: 2; background: transparent; } #b { z-index: 1; background: some_image; border: solid 1 px; } Элемент #а находится выше элемента #b по z-оси. У #b видимая рамка, и если у #a выставить прозрачный фон, то сквозь него будет видна и рамка #b, можно ли как-то сделать так, чтобы рамка у #b не отображалась там, где #a идёт поверх #b, но чтобы если кусок #b где-то торчит из под #a, то рамка у этого куска оставалась видимой.

тема снова актуальна. Неужели нельзя средствами re-CSS вёрстки выполнить поставленное условие?

очень жаль, что помочь мне никто так и не смог

Код .right {float:right;} .left {position:absolute;width:auto;margin-right:215px(ширина .right)} решил мою проблему, но появилась новая: при ресайзе окна .left хреново ресайзится, как будто у него выставлен огромный min-width, и если его выставить вручную - ничего не меняется.

а не подскажете - как быть со схожей задачей? Есть див .two_column в нём внутри 2 дива: .left и .right (расположены строкой). Задача: сделать фиксированной ширину для .right и чтобы он был всегда справа, а для .left сделать динамическую ширину, и чтобы он был слева. Пробовал код: .two_column {display:table!important} .left {display:table-cell!important;width:100%!important;float:left!important;} .right {display:table-cell!important; float:right!important;} Но тогда .left будет во всю ширину .two_column, а .right под .left, если же обоим поставить float:none, то становится почти как надо, но только наблюдается сразу масса проблем с отображением: .left почему отображается так, как-будто у него margin-top:50px и это не сдвинуть обратно даже через position:relative; top:-50px;, также при ресайзе окна появляется скролл бар, т.е. .left почти совсем не расайзится, как-будто для него задан min-width с большим значением. Я их не борол. Я пишу юзерстиль для вконтакта, чтобы сделать его широким. Пользователи ИЕ6-7 меня не волнуют вообще. Стили я пишу прежде всего для себя, пишу под браузеры уважающие CSS, т.е. если какой-нибудь браузер вроде осла (ие) или красного Очка (жОпера) не правильно что-то отображает - это их проблемы и проблемы юзеров выбравших себе говнобраузер. Но мои юзерстили должны правильно отображаться даже в жопере, а уж про православный ФФ и новый гуглобраузер - тем более молчу.

потому что вы не читаете ответы на ваши сообщения, где я это уже объяснил.

неверное решение. данный код не выполняет поставленную задачу. мой вариант, в отличие от вашего - работает. div.right наследует фиксированный width=370px из css-стиля на сайте.

согласен, это костыль, но предложи вариант лучше.

Решил проблему сам. #right {display:table-cell !important; float: none!important; width:auto!important;}

В том, что при увеличении ширины Общего Дива два внутренних не ресайзятся, т.к. у них УЖЕ задана фиксированная ширина (и я не могу исправить это, я могу лишь написать свой юзерстиль), а надо чтобы правый суб-див занимал всё свободное пространство, находясь справа от #left, а не под ним. Так я всё и делаю ещё раз: я делаю RE-ВЁРСТКУ, т.е. пишу собственные юзерстили для готовых сайтов. Я - не владелец сайта, я не могу править его хтмл код и убрать оттуда строку width:370px, а т.к. функция width не поддерживает чего-то вроде "none" то и обнулить я ширину - не могу, могу лишь указать width:auto, но тогда 2-ой див уходит под первый

1. потому что это нарушит логику. Вы не думали, что дивы могут быть не пустыми, а ещё и иметь содержимое, у которого важна последовательность? 2) vkontakte.ru -> заметки. Пытаюсь доделать свой стиль http://userstyles.org/styles/15459

этого - нельзя.

mishka2, спасибо за ответ, но это не подходит: вы мне привели кусок хтмл кода в качестве ответа, а я забыл сказать: я делаю css re-вёрстку: т.е. я пишу собственные юзерстили для сайтов, интерфейс которых мне не нравится, в моих возможностях править только CSS, и тем не менее: мой код в первом посте - повторяет ваш (за исключением ненужностей) и он не работает. Вот то что firebug показывает по элементам: #wrapper{display:block} #left{display:block; float:left; width: 50px;} #right{display:block; float:right; width: auto (или 100%);} - в таком случае #right находится не справа от #left, а снизу, что мне и нужно исправить. EDIT: оказалось что по непонятной причине float:right не правильно обрабатывается, если для right применить float:none то в принципе это частично решает мою проблему, но возникает новая: #right состоит из 3-ёх суб-дивов, и при float:right верхний субдив (#subdiv1) распологается справа от #left, а #subdiv2 и #subsdiv3 уже под ними, и всё бы ничего, но #left имеет приличную высоту, а #subdiv1 должен бы иметь мелкую, однако после такого правила он по высоте приравнивается к #left, и получается между содержимым #subdiv1 и #subdiv2 находится большой пропуск (пустое место). Мне бы в это место хотелось бы запихнуть #subdiv2. Помогите, пожалуйста.

Есть широкий див, в нём находятся 2 элемента, 1-ый из них имеет фиксированную ширину. Задача: приделать динамическую (изменяемую) ширину для 2-ого элемента, расположив оба элемента в одну строку. Проблема: если установить 2-ому элементу width:auto, то в таком случае элементы размещаются в столбец, а надо в строку. Если установить для 1-ого элемента float:left, а для второго width:auto и float:right, то по идее всё должно решиться, но этого не происходит (firefox 3.5 + stylish). Ещё я поигрался с display: table-row/table-column (пробовал и менять на другие возм. параметры), но ничего не изменилось. Как правильно выставить этот параметр и главное для кого? Для суб-элементов или для основного дива? Подскажите пожалуйста, что я делаю не так?