[HTML][CSS]Problem z padding'iem Opcje

[Gallareton]

Witam. Otóż problem polega na tym, że Opera i Mozilla, oraz IE inaczej interpretują padding w ramce. Jeśli ma ona ustalone wymiary to Opera i Mozilla rozciągają ją dodatkowo o wszystkie marginesy (załóżmy, że wymiary to 100x100... jeśli prawy margines wewnętrzny wynosi 20px to wymiary rozciągają się w poziomie o te 20px), podczas gdy IE tego nie robi. Co można zrobić, aby efekt był taki sam we wszystkich przeglądarkach?

Ten post edytował Gallareton 18.04.2009, 21:27:49

[Gallareton]

Generalnie ze względu na to, że Opera ma czasem dziwne problemy robiłem stronę pod IE, i to na Operze i Mozilli pojawił się ten problem.

[HTML] pobierz, plaintext 
<td>
<div id="l3">
Treść...
</td>
[HTML] pobierz, plaintext 

to jest kawałek kodu html

[HTML] pobierz, plaintext 
#l3 {
background-image: url("images/lewy3.jpg");
background-repeat: y;
width: 241px;
height: 41px;
padding: 0px 35px 0px 35px;
text-align: center;
color: white;
}
[HTML] pobierz, plaintext 

A to jest kod css mu odpowiadający. Problem polega na tym, że aby Opera i Mozilla wyświetlały to poprawnie, muszę zmniejszyć width o 70px, podczas gdy w IE zrobi się dziura, bo obrazek tła nie będzie w całości... Rozumiem, że błąd ten wynika z różnicy w interpretacji CSS przez te przeglądarki, ale nie wiem jak użyć w tym wypadku komentarza warunkowego

[HTML] pobierz, plaintext 
<!--[if IE 6]>
[HTML] pobierz, plaintext 

Ten post edytował Gallareton 19.04.2009, 09:11:45