Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Problem z wyświetlaniem w chrom'ie
michal_s
post 20.05.2011, 16:10:16
Post #1





Grupa: Zarejestrowani
Postów: 148
Pomógł: 1
Dołączył: 11.12.2010

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


Witam. Mam problem z wyświetlaniem w chrom'ie.

Moja ramka na strone wyglada tak:
  1. <div id="menu">
  2. <div class="gora_menu"><a href=""> <img src="img/dfg.png" border="0"/> </a></div>
  3. <div class="gora_menu"><a href=""> <img src="img/dfg.png" border="0"/></a></div>
  4. <div class="gora_menu"><a href=""> <img src="img/dfg.png" border="0"/></a></div>
  5. <div class="gora_menu"><a href=""> <img src="img/erg.png" border="0"/></a></div>
  6. <div class="gora_menu"><a href=""> <img src="img/ersg.png" border="0"/></a></div>
  7. <div class="gora_menu"><a href=""> <img src="img/fdgdfg.png" border="0"/></a></div>
  8. </div>

a css:
  1. #menu {
  2.  
  3. width : 1000px;
  4. height : 30px;
  5. margin-top: 10px;
  6. background: rgba(109, 109, 109, 0.1);
  7. border: 2px solid #414141;
  8. padding: 4px;
  9. -webkit-border-radius: 8px;
  10. -moz-border-radius: 8px;
  11. border-radius: 8px;
  12. }
  13.  
  14. .gora_menu {
  15. display: inline;
  16. margin-right: 20px;
  17. margin-left: 20px;
  18. }


I we wszystkich przeglądarkach (IE, Opera, FF) wszystkie obrazki mieszczą się w ramce. Przy tych marginesach co podałem zostaje jeszcze nawet sporo miejsca po prawej stronie. Dopiero przy margin-right: 30px; margin-left: 30px; jeden z obrazkow sie nie miesci. Jedynie w chromie już przy nawet 15 go wywala do kolejnej linii. Dlaczego tak źle to interpretuje? Macie jakieś pomysły jak to zmienić aby w chromie też się to dobrze wyświetlało?
Go to the top of the page
+Quote Post
everth
post 20.05.2011, 17:05:08
Post #2





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

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


Resetowałeś CSSy?


--------------------
Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]!
Go to the top of the page
+Quote Post
michal_s
post 20.05.2011, 19:26:21
Post #3





Grupa: Zarejestrowani
Postów: 148
Pomógł: 1
Dołączył: 11.12.2010

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


Po twoim wpisie tak zrobiłem ale nic nie pomogło niestety.
Go to the top of the page
+Quote Post
everth
post 20.05.2011, 20:55:29
Post #4





Grupa: Zarejestrowani
Postów: 782
Pomógł: 153
Dołączył: 21.07.2010

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


Uściślenie: pod pojęciem reset CSS rozumiem załączenie specjalnego arkusza który maskuje ustawienia domyślne przeglądarek. Nie o odświeżenie cache. Przykładowy reset CSS.

Jedna rzecz która teraz mi się rzuciła w oczy - jak możesz nadawać marginesy skoro w .gora-menu masz ustawiony inline? Zmień na inline-block. Jeśli mimo to dalej masz defekt to rzuć gdzieś to na żywca - wtedy się zobaczy.


--------------------
Już mi się ani wiedzieć, ani tym bardziej myśleć nie chce.
[Think different]!
Go to the top of the page
+Quote Post
michal_s
post 22.05.2011, 16:45:07
Post #5





Grupa: Zarejestrowani
Postów: 148
Pomógł: 1
Dołączył: 11.12.2010

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


dzięki wielkie. Faktycznie po korekcie na inline-block wyświetla się poprawnie.
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 1.06.2024 - 15:21