Forum PHP.pl

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

Może zrobić wyjątek dla IE?

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

Ten post edytował Gallareton 18.04.2009, 21:26:43

no np

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

Ten post edytował Lion_87 18.04.2009, 21:28:02

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 

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

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował Gallareton 19.04.2009, 09:25:27