first-child в IE6

[mgla]

Здравствуйте!

Подскажите пожалуйста следующий момент.

Есть вот такой код:

#seriy_fon{width: 320px; height: 60px; background:#999966;}

.section {width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 10px;}

#seriy_fon div:first-child {margin-left: 0px;}

Однако, как я узнала IE6 " не понимает" first-child. Я написала след класс:

.section_first {/* IE6 */ width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 0px;}

Но знаний очень мало, как его в основном файле использовать/подключить? Наверное как то прописывается условие для IE6?

Подскажите пожалуйста каким образом.

Заранее спасибо.

[shvv]

Так и вставить

<tag class=".section_first">...</tag>

[Vlad]

Лучше это делать через условные комментарии

<!--[if gte IE 6]>

<style type="text/css">

.section_first {width: 98px; height: 58px; border: solid 1px #000000; float:left; margin-left: 0px;}

</style>

<![endif]-->

Или более изящнее так

<!--[if gte IE 6]>

<link rel="stylesheet" type="text/css" href="ie.css">

<![endif]-->

[sigma77]

А зачем в данном случае выносить отдельно стили для ИЕ и отдельно прописывать :first-child, если всё равно класс прописывается в хтмл для всех браузеров. Тут уж либо забивать на ИЕ6, либо на :first-child, моё мнение.

Edited August 15, 2010 by sigma77

[mishka]

Есть замечательный експрешн http://www.xiper.net/collect/html-and-css-...ld-for-ie6.html

Edited August 15, 2010 by mishka2

[mgla]

Есть замечательный експрешн http://www.xiper.net/collect/html-and-css-...ld-for-ie6.html

Спасибо, mishka2! Я посмотрела страничку, но немного поняла оттуда...

У меня на страничке вот такой код:

<div id="seriy_fon">

<div class="section"></div>

<div class="section"></div>

<div class="section"></div>

</div>

В IE6 эти три контейнера в ряд не располагаются...

я поэтому и спрашивала.

Я хотела прописать и для IE6 так как со всех статей и заметок делаю выводы что сайт везде по максимуму должен отображаться так как он задуман...

ну так вот ...еще раз пожалуйста на пальцах объясните как в этот код вставить комментарий для IE6, чтобы там тоже в ряд отображалось. Я только поняла что нужно в CSS написать отдельный класс ( у меня он выше section_first), а дальше ....зависла

спасибо.

[barsev]

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

Первое: отставить margin, а просто где пустое место вставить пустые дивы и для них width:10px (вбить клинья).

Второе: для первого div class="section" добавить класс, допустим first, вот так - div class="section first", и в css сделать .first {margin-left: 0px;} и эту строчку расположить ниже .section.

[mgla]

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

Первое: отставить margin, а просто где пустое место вставить пустые дивы и для них width:10px (вбить клинья).

Второе: для первого div class="section" добавить класс, допустим first, вот так - div class="section first", и в css сделать .first {margin-left: 0px;} и эту строчку расположить ниже .section.

в итоге к этому второму я и пришла сама

на данном этапе и так хорошо

правда задача мне была поставлена не использовать дополнительный класс

спасибо большое за мысли и помощь!!!

[Vlad]

Лучше написать без использования дополнительного класса

<div id="seriy_fon">

<div class="first"></div>

<div></div>

<div></div>

</div>

В стилях же указать #seriy_fon div {стиль для дива}