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?

Może zrobić wyjątek dla IE?

Jak to zrobić używając TYLKO HTML i CSS?

no np

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

A jak wygląda ta sama instrukcja dla Opery i Mozilli?

Zrób najpierw dla Opery/Fx, dopiero potem poprawiaj błędy IE.

Podejrzewam, że zrobiłeś na odwrót; hacki na przeglądarki (czyt: nie-IE) są stosowane bardzo rzadko.

chyba Twoje posty biorą się z niewiedzy więc polecam: google -> komentarze warunkowe

Jak możesz pokaż fragment html i odpowiedni css dla niego.

Daj też sobie na tym elemencie ramkę (np. border:1px solid red;) czy na pewno nie są takie same??

Pewnie masz problem z ie6 bo z 7 to chyba nie.

Pozdrawiam

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 

Bo ustawiłeś paddingi na 35px = 70px po obu stronach, wklej wewnętrzny div i wtedy dla niego ustawiaj marginy lub paddingi.

Zreszta id wg schemantyki xhtml nie może zaczynać sie od liczby, nie ma też zamknięcia div. O ile diva masz w tabeli dla komórki ustaw padding.

A no tak div'a nie zamknąłem. Trochę tak dziwnie, ale skoro nie ma innego wyjścia to zrobię w środku kolejnego div'a i jemu ustawię padding, dzięki.

Czy mi się zdaje, czy ten div NIE zaczyna się od liczby? Ach... to jest L3, a nie 13

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

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

Rozwiązanie dość trywialne, ale ważne, że działa