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

Всем привет.
Речь идёт об 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>

---

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

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

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

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

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

Цитата:

---

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

---

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

Цитата:

---

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

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 18:40
Ха-ха!
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 18:40
Мне ли Вам напоминать о кроссбраузерности?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 18:40
Такое проходит только для одного браузера из трёх.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 18:40
И высота блока может быть самой разной.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 18:40
Не стоит обманывать браузеры
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 18:40
Когда верит один, два других громко смеются и из-за глупости первого, и из-за "хитрости" верстальщика.. =)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/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>

---

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

Цитата:

---

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

---

честно говоря, никогда не пользовался таким методом [Only registered and activated users can see links. Click Here To Register...]

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

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:06
честно говоря, никогда не пользовался таким методом [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:06
браузер должен зависеть от таблицы стилей, а не наоборот.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:06
насколько мне известно, "ТОЛЬКО для IE6" основано на ошибках самого IE6.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:06
А если в следующей версии эта ошибкабудет исправлена?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:06
а как Вы это делаете, если не секрет?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:06
и зачем?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:06
не проще ли написать хтмл и цсс, который будет одинаково распознаваться всеми браузерами?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

в седьмой версии эта ошибка (* 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.
предпочитаю использовать то, что понятно самому непонятливому браузеру.

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:50
то есть, в седьмой версии предложенный Вами код работать будет не так, как в шестой?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:50
мне всегда казалось, что кроссбраузерность - это когда выглядит во всех браузерах одинаково.
и у меня так и есть. какими методами кроссбраузерности добиваться - по-моему не важно. кроссбраузерность - не метод, а результат.
возможно, я неправ.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:50
причём.
замена дивов таблицей =)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Вообще-то мы здесь гораздо чаще обсуждаем как заменить таблицы дивами, а не дивы таблицами... [Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by mamba@May 11 2007, 19:50
и никаких * html.
предпочитаю использовать то, что понятно самому непонятливому браузеру.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

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

Цитата:

---

Originally posted by mamba@May 11 2007, 19:50
но в любом случае, спасибо.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

Цитата:

---

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

---

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

Цитата:

---

Originally posted by mamba@May 11 2007, 20:20
это интересно.
просветите поподробнее, пожалуйста..
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

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

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

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

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