Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] w ie obramowanie jest wewnętrzne, a w Operze zewnętrzne
poxrimex
post
Post #1





Grupa: Zarejestrowani
Postów: 368
Pomógł: 2
Dołączył: 23.09.2007

Ostrzeżenie: (60%)
XXX--


Mam problem następujący:

w IE moje obramowanie ustawione na 10px; jest wewnątrz diva
a w Operze za zewnątrz diva
Go to the top of the page
+Quote Post
-Wieviór-
post
Post #2





Goście







Zawsze jak zakładasz temat, których zakładasz trzy razy za dużo. Musisz podać jak najwięcej danych. Pokaż plik css, kawałek kodu html'a. Jakie masz wersje tych przeglądarek?
Go to the top of the page
+Quote Post
poxrimex
post
Post #3





Grupa: Zarejestrowani
Postów: 368
Pomógł: 2
Dołączył: 23.09.2007

Ostrzeżenie: (60%)
XXX--


  1. #stronatresc
  2. {
  3. width: 800px;
  4. margin-left: auto;
  5. margin-right: auto;
  6. text-align: left;
  7. border-color: black;
  8. border-width: 0px 10px 0px 10px;
  9. border-style: solid;
  10. }


Przeglądarka, w sumie każda IE takie cuda robi

Zna ktoś na to pytanie odpowiedz?

Heh, zrobiłem lekką prezentację graficzną (IMG:http://forum.php.pl/style_emoticons/default/worriedsmiley.gif)
http://www.fotosik.pl/pokaz_obrazek/39b8fb2c67fe3f30.html

Już działa:
Sprawcą zamieszania był brak dodania na poczatku pliku:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">


Ten post edytował poxrimex 10.02.2008, 08:44:20
Go to the top of the page
+Quote Post
mike
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


Ja znam (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) OK dostaniesz wykład. Od czasu do czasu moderatorzy też mówią ludzkim głosem.

Przede wszystkim musisz wiedzieć co to jest BoxModel. Jest to definicja jak liczymy odległości dla obiektów na stronie. Czyli gdzie jest margin, padding, etc.
Musisz też wiedzieć, że są dwa rodzaje BoxModelu. Tradycyjny (nie będący żadnym standardem) oraz zaproponowany przez W3C. Jak łatwo się domyślić oba są różne, stąd różne wyniki w przeglądarkach i badzIEwiu.

IE interpretuje strony w złym modelu w zależności od tego w jakim trybie działa. Czy w trybie standardowym (działa zgodnie z oficjalnym BoxModelem) czy w trybie QuirksMode (wtedy źle interpretuje BoxModel).

Jak wprowadzić IE w dobry tryb? Trzeba zaopatrzyć stronę w odpowiednie nagłówki.
Box model tweaking (na dole tabela, kidy IE działa w jakim trybie)
Tryb dziwactw — Quirks Mode (podobna tabela po polsku)

Wniosek. Da się zrobić stronę, która będzie identycznie ostylowując ją tylko raz. Ale nie zrobimy wtedy strony w XHTML Strict (na tryb Standard da się IE przerzucić tylko dla stron Transitional).

Jeżeli chcesz zrobić stronę w Strict to masz dwa wyjścia.
1. Gorsze - posłużyć się hackami: BoxModelHack
2. Lepsze - posłużyć się alternatywnymi stylami dla IE. Czyli za pomocą Conditional comments wczytać dwa zestawy stylów dla stron.
Go to the top of the page
+Quote Post
poxrimex
post
Post #5





Grupa: Zarejestrowani
Postów: 368
Pomógł: 2
Dołączył: 23.09.2007

Ostrzeżenie: (60%)
XXX--


Dzięki za ten wykład, o większości rzeczy nie wiedziałem z tego, i teraz zabieram się za czytanie.

Pzdro
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 27.09.2025 - 16:17