списки в дивах с бордером и паддингом

[mamba]

Всем привет.
Речь идёт об Internet Explorer.
Недавно столкнулся со следующей проблемой и решил, что кому-нибудь это может пригодиться =)
На самом деле интересно мнение других верстальщиков по поводу причин и следствий данной проблемы.

<style>
.border {
****border-left: 20px solid red;
****padding: 5px 5px 5px 10px;****
}
</style>

<div class="border">
****
* *
123
 * 
****
</div>




<div class="border">
****
* *
456
 * 
****
</div>




<div class="border">
****
* *
789
 * 
****
</div>

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

мой вариант решения - забить это всё в таблицу.

если есть мысли - пишите..

[garA]

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

[Aykroyd]

Не надо таблицу...
Высота блока в IE6, как правило, известна всегда... и равна одному проценту... )

[mamba]

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

посмотрите на картинку. там - проблема.

Не надо таблицу...
Высота блока в IE6, как правило, известна всегда... и равна одному проценту... )

Ха-ха!
Мне ли Вам напоминать о кроссбраузерности?
Такое проходит только для одного браузера из трёх.
И высота блока может быть самой разной.
Не стоит обманывать браузеры.
Когда верит один, два других громко смеются и из-за глупости первого, и из-за "хитрости" верстальщика.. =)

[Aykroyd]

Originally posted by mamba@May 11 2007, 18:40
Ха-ха!
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Честно говоря, не вижу повода для радости.

Originally posted by mamba@May 11 2007, 18:40
Мне ли Вам напоминать о кроссбраузерности?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Совершенно не понимаю при чем тут кроссбраузерность.

Originally posted by mamba@May 11 2007, 18:40
Такое проходит только для одного браузера из трёх.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Совершенно верно. Для других это правило и не нужно.

Originally posted by mamba@May 11 2007, 18:40
И высота блока может быть самой разной.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Ну и пусть будет. Что этому мешает?

Originally posted by mamba@May 11 2007, 18:40
Не стоит обманывать браузеры
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Еще как стоит...

Originally posted by mamba@May 11 2007, 18:40
Когда верит один, два других громко смеются и из-за глупости первого, и из-за "хитрости" верстальщика.. =)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не совсем понимаю к чему это Вы.
Ничего не мешает написать стилевое правило, которое будет видеть ТОЛЬКО IE6...

<style type="text/css">
* {margin: 0px; padding: 0px;}
.border {border-left: 20px solid red; padding: 5px 5px 5px 10px;}
* html .border {height: 1%;}
</style>

и получаем кроссбраузерную идентичность...

[mamba]

Ничего не мешает написать стилевое правило, которое будет видеть ТОЛЬКО IE6...

честно говоря, никогда не пользовался таким методом

браузер должен зависеть от таблицы стилей, а не наоборот.
насколько мне известно, "ТОЛЬКО для IE6" основано на ошибках самого IE6. А если в следующей версии эта ошибкабудет исправлена?

не проще ли написать хтмл и цсс, который будет одинаково распознаваться всеми браузерами?

[Aykroyd]

Originally posted by mamba@May 11 2007, 19:06
честно говоря, никогда не пользовался таким методом
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
значит Вы никогда не верстали кроссбраузерно ))

Originally posted by mamba@May 11 2007, 19:06
браузер должен зависеть от таблицы стилей, а не наоборот.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Блин, ну не смешите уж до такой степени. ))
Есть теория, а есть горькая практика...

Originally posted by mamba@May 11 2007, 19:06
насколько мне известно, "ТОЛЬКО для IE6" основано на ошибках самого IE6.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Совершенно верно.

Originally posted by mamba@May 11 2007, 19:06
А если в следующей версии эта ошибкабудет исправлена?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Наглядный пример: в седьмой версии эта ошибка (* html) действительно исправлена. Но в то же время, исправлены многие баги (но, к сожалению, не все), которые правились в шестой версии при помощи этого хака. А для тех багов, которые не были исправлены, нашелся новый хак... Который понимает только IE7... )

Originally posted by mamba@May 11 2007, 19:06
а как Вы это делаете, если не секрет?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Руками. )

см. присоединенный эскиз
Внимание. Copyright © 2007 Aykroyd. All rights reserved.

Originally posted by mamba@May 11 2007, 19:06
и зачем?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Для того, чтобы во всех браузерах все отображалось одинаково, поскольку каждый браузер по своему трактует стандарты. Вы оперируете понятием "кроссбраузерность", а сами не представляете что это такое. Странно... )

Originally posted by mamba@May 11 2007, 19:06
не проще ли написать хтмл и цсс, который будет одинаково распознаваться всеми браузерами?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
HTML тут ни при чем. А такого CSS, о котором Вы говорите, не существует. И не будет существовать еще много лет... если вообще он будет существовать хоть когда-нибудь...

[mamba]

в седьмой версии эта ошибка (* html) действительно исправлена. Но в то же время, исправлены многие баги (но, к сожалению, не все), которые правились в шестой версии при помощи этого хака. А для тех багов, которые не были исправлены, нашелся новый хак... Который понимает только IE7... )

то есть, в седьмой версии предложенный Вами код работать будет не так, как в шестой?

Вы оперируете понятием "кроссбраузерность", а сами не представляете что это такое. Странно... )

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

HTML тут ни при чем.

причём.
замена дивов таблицей =)

А такого CSS, о котором Вы говорите, не существует. И не будет существовать еще много лет... если вообще он будет существовать хоть когда-нибудь...

Вы меня немного неправильно поняли. Я имел ввиду не технологию, я её применение.

<style type="text/css">
.border {border-left: 20px solid red; border-bottom:1px solid white; padding: 5px 5px 5px 10px;}
</style>

и никаких * html.
предпочитаю использовать то, что понятно самому непонятливому браузеру.

но в любом случае, спасибо.

[Aykroyd]

Originally posted by mamba@May 11 2007, 19:50
то есть, в седьмой версии предложенный Вами код работать будет не так, как в шестой?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Седьмой эксплорер проигнорирует всё, что идет после "* html". А работать в седьмом все будет так (скорее всего, не проверял), как в FF и Опере...

Originally posted by mamba@May 11 2007, 19:50
мне всегда казалось, что кроссбраузерность - это когда выглядит во всех браузерах одинаково.
и у меня так и есть. какими методами кроссбраузерности добиваться - по-моему не важно. кроссбраузерность - не метод, а результат.
возможно, я неправ.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
На самом деле очень важно, какими методами добиваться кроссбраузерности. )

Originally posted by mamba@May 11 2007, 19:50
причём.
замена дивов таблицей =)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вообще-то мы здесь гораздо чаще обсуждаем как заменить таблицы дивами, а не дивы таблицами...

[Только зарегистрированные пользователи могут видеть ссылки. ]

Originally posted by mamba@May 11 2007, 19:50
и никаких * html.
предпочитаю использовать то, что понятно самому непонятливому браузеру.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Задача была добиться правильного отображения без внесения в макет дополнительных оформительских элементов. Пусть даже и однопиксельных. Иногда даже один лишний пиксел играет очень большую роль...

* html, кстати, не менее прекрасно понятно самому непонятливому браузеру...

Originally posted by mamba@May 11 2007, 19:50
но в любом случае, спасибо.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
не за что... )

[mamba]

На самом деле очень важно, какими методами добиваться кроссбраузерности. )

это интересно.
просветите поподробнее, пожалуйста..

[Aykroyd]

Originally posted by mamba@May 11 2007, 20:20
это интересно.
просветите поподробнее, пожалуйста..
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Я Вам дал ссылку на замечательную статью. Прочтите, не поленитесь. Возможно, что после ее прочтения многие вопросы у Вас отпадут сами собой. В частности, почему нельзя вставлять таблицу туда, где ей по логике вещей быть не положено...

P.S. Вы вообще про такой термин, как "семантика", слышали? )

[mamba]

ага.
вот оно что.
слышал.
понял.
статью почитаю обязательно.
ещё раз спасибо.

P.S. вопрос исчерпан.
предлагаю закрыть тему