Comments on: Добавяне на CSS само за Internet Explorer http://webangel78.com/blog/%d1%83%d0%b5%d0%b1-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/css/create-ie-stylesheet/ Wed, 18 May 2011 21:54:02 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Ангел Джорапов - уеб дизайнер от Пловдив » Blog Archive » CSS файлове само за IE http://webangel78.com/blog/%d1%83%d0%b5%d0%b1-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/css/create-ie-stylesheet/comment-page-1/#comment-134 Ангел Джорапов - уеб дизайнер от Пловдив » Blog Archive » CSS файлове само за IE Thu, 12 Mar 2009 21:23:07 +0000 http://webangel78.com/blog/?p=154#comment-134 [...] на условните коментари - CSS хаковете (CSS hacks) Още по темата от сайта на Microsoft: [...] [...] на условните коментари – CSS хаковете (CSS hacks) Още по темата от сайта на Microsoft: [...]

]]> By: angel http://webangel78.com/blog/%d1%83%d0%b5%d0%b1-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/css/create-ie-stylesheet/comment-page-1/#comment-133 angel Thu, 12 Mar 2009 20:30:29 +0000 http://webangel78.com/blog/?p=154#comment-133 Благодарности за споделеното, Миро. Определено ще ми влезе в употреба този начин на писане. Всъщност не се бях запитвал дали има подобно решение, а една от основните причини, поради които използвам добавянето на стилове с условни коментари е точно валидацията на CSS-а. А относно удобството да работиш само върху един файл вместо върху 2 или 3, то е налице до момента, в който не стане въпрос за някой голям проект и кода във файла набъбне до над 1000 реда. Тогава вече ми е по-прегледно и лесно за ориентиране ако си го разцепя на отделни блокове (например - nav.css за навигацията) и ги импортна в основния CSS файл, а фиксовете за IE да са ми изнесени в отделен файл. Така, че както каза и ти "всичко е според конкретния сайт" :-) Благодарности за споделеното, Миро. Определено ще ми влезе в употреба този начин на писане.
Всъщност не се бях запитвал дали има подобно решение, а една от основните причини, поради които използвам добавянето на стилове с условни коментари е точно валидацията на CSS-а. А относно удобството да работиш само върху един файл вместо върху 2 или 3, то е налице до момента, в който не стане въпрос за някой голям проект и кода във файла набъбне до над 1000 реда. Тогава вече ми е по-прегледно и лесно за ориентиране ако си го разцепя на отделни блокове (например – nav.css за навигацията) и ги импортна в основния CSS файл, а фиксовете за IE да са ми изнесени в отделен файл.

Така, че както каза и ти “всичко е според конкретния сайт” :-)

]]> By: Мирослав http://webangel78.com/blog/%d1%83%d0%b5%d0%b1-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/css/create-ie-stylesheet/comment-page-1/#comment-132 Мирослав Thu, 12 Mar 2009 09:44:00 +0000 http://webangel78.com/blog/?p=154#comment-132 Хмм, това не мисля, че е точно най-правилния начин за дефиниране на атрибути конкретно за IE6 или за IE7. Най-малкото поради това, че по този начин CSS ти не е валидиран ;) По-правилния начин е следния: * html div#... { /* IE6 */ ... } *+html div#... { /* IE7 */ ... } Добавяш * html (IE6) или *+html (IE7) пред класа, id-то на елемента или тага, за който искаш да добавиш дадени атрибути или да промениш стойностите на вече такива. Хубавото е, че и css ти остава валиден. Колкото до условните коментари за зареждане на допълнителни стилове - в общия случай рядко се налага да се пишат чак напълно отделни стилови-файлове за IE-тата, та да се налага да се използват условни коментари за добавянето на алтернативни стилове. Най-малкото не е толкова удобно за работа, когато се налагат промени да си отворил 3 CSS файла и да непрестанно да местиш между тях за да извършваш необходимите действия, отколкото нещата да си ти в един файл и всичко да следва дадената структура и подредба. Но разбира се всичко е променливо относно конкретния сайт ;) Хмм, това не мисля, че е точно най-правилния начин за дефиниране на атрибути конкретно за IE6 или за IE7.

Най-малкото поради това, че по този начин CSS ти не е валидиран ;)

По-правилния начин е следния:

* html div#… { /* IE6 */
…
}

*+html div#… { /* IE7 */
…
}

Добавяш * html (IE6) или *+html (IE7) пред класа, id-то на елемента или тага, за който искаш да добавиш дадени атрибути или да промениш стойностите на вече такива.
Хубавото е, че и css ти остава валиден.

Колкото до условните коментари за зареждане на допълнителни стилове – в общия случай рядко се налага да се пишат чак напълно отделни стилови-файлове за IE-тата, та да се налага да се използват условни коментари за добавянето на алтернативни стилове.
Най-малкото не е толкова удобно за работа, когато се налагат промени да си отворил 3 CSS файла и да непрестанно да местиш между тях за да извършваш необходимите действия, отколкото нещата да си ти в един файл и всичко да следва дадената структура и подредба.

Но разбира се всичко е променливо относно конкретния сайт ;)

]]>