Mam problem z css'em w xhtml'u.
Gdy podam konkretną szerokość div'a (np 100%) to zajmuje on 100% ekranu i wsio ok. Problem pojawia się gdy dodam parametr padding. IE robi to co bym chciał żeby zrobił - np padding: 10px; i tekst w div?ie jest oddalony o 10px'ów od krawędzi div'a. Jednak w "dobrych" przeglądarkach jest niby to samo, tylko że div ma 100% + 10px (rozciąga się chociaż ja tego nie chce)... jak sobie z tym poradzić?
To jest problem z interpretacją modelu pudelkowego. IE/Win interpretuje wedlug starych zasad html, przegladarki zgodne z w3c interpretuja go wedlug nowego stylu (m. in. przegladarki Mozilli, Opera jak rowniez IE pod Mac). Więcej box model mozesz na w3c poczytać.
W internecie możesz naleźć pod hasłem "Holly hack" instrukcje jak obejsc interpretacje tego w IE.
Generalnie zabawa wygląda tak:
.klasa {
to co dla zgodnych z w3c
}
/* \*/
* html .klasa{
to co dla IE 5 i 6
}
/* */
Możesz też pobawić się w zmianę interpretacji tak, by model IE był prawidłowy:
http://www.quirksmode.org/css/box.html
Jak wejdzie CSS3 to nie będzie tego problemu (jest tam już standardowo box-sizing)
dzięki dyro, to co powiedziałeś na pewno mi sie przyda, ale nie zrozumiałeś do końca o czym mówiłem... ie interpretuje tak jak bym chciał, natomiast ja nie chce że by przeglądarki zgodne z w3c "rozciagały" div'y...
//Box model to jest własnie to czego szukałem...