Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]IE nie rozciąga właściwie DIVów
Age1869
post
Post #1





Grupa: Zarejestrowani
Postów: 118
Pomógł: 6
Dołączył: 25.10.2010
Skąd: Radzyn Podlaski

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


Zostałem poproszony o zakodowanie strony internetowej mftransport do CMSa (Joomla).

Wszystko byłoby skończone gdyby nie fakt błędnego wyświetlania menu w IE... W Operze, Firefoxie i
Chromie długość poszczególnych elementów ładnie się dostosowuje do całkowitej szerokości strony, a w IE działa to tylko dla pierwszego elementu...

Podgląda live: mftransport.pl

CSS odpowiadający za menu:
  1. #menu a, input[type="submit"] {
  2. border: 1px solid #a1211b;
  3. padding-top: 5px;
  4. padding-bottom: 5px;
  5. padding-left: 30px;
  6. width: 152px;
  7. padding-right: 30px;
  8. margin-right: 10px;
  9. }
  10.  
  11. #menu a:hover, #active_menu {
  12. background: #efefef !important;
  13. color: #000 !important;
  14. }
  15. #menu {
  16. height: 41px;
  17. margin-top: 30px;
  18. width: 1000px;
  19. color: #fff;
  20. text-align: justify !important;
  21. font-size: 12px;
  22. }
  23. #menu a {
  24. text-decoration: none;
  25. padding-top: 7px;
  26. padding-bottom: 8px;
  27. padding-left: 10px;
  28. padding-right: 10px;
  29. margin-right: 31px !important;
  30. color: #fff;
  31. text-transform: uppercase;
  32. font-size: 14px;
  33. font-family: gots;
  34. }


Będę bardzo wdzięczny za pomoc, bo już szczerze nie mam siły do tej przeglądarki...
Go to the top of the page
+Quote Post
roobik
post
Post #2





Grupa: Zarejestrowani
Postów: 410
Pomógł: 5
Dołączył: 25.01.2005
Skąd: Wrocław

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


Może specjalny arkusz stylów dla IE:
  1. <!--[if IE]>
  2. kod tylko dla IE
  3. <![endif]-->

?
Go to the top of the page
+Quote Post
Age1869
post
Post #3





Grupa: Zarejestrowani
Postów: 118
Pomógł: 6
Dołączył: 25.10.2010
Skąd: Radzyn Podlaski

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


Cytat(roobik @ 20.03.2012, 17:41:34 ) *
Może specjalny arkusz stylów dla IE:
  1. <!--[if IE]>
  2. kod tylko dla IE
  3. <![endif]-->

?


Jeżeli nie znajdzie się lepszy sposób to tak zrobię, aczkolwiek nie lubię takich rozwiązań.

To dziadostwo stworzono chyba tylko po to, żeby denerwowało...
Go to the top of the page
+Quote Post
sliwa007
post
Post #4





Grupa: Zarejestrowani
Postów: 69
Pomógł: 7
Dołączył: 18.08.2010
Skąd: Rzeszów

Ostrzeżenie: (10%)
X----


IE nie rozpoznaje display:table-cell - po co ci w menu te separatory. Wyłącz je i ustaw li na konkretną szerokość dla div#menu ustaw taką jakie ma być menu i daj overflow hidden a ul#menu ustaw na szerokość taką jak div#menu + prawy margines który zrobisz pomiędzy elementami li
Go to the top of the page
+Quote Post
Age1869
post
Post #5





Grupa: Zarejestrowani
Postów: 118
Pomógł: 6
Dołączył: 25.10.2010
Skąd: Radzyn Podlaski

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


Cytat(sliwa007 @ 20.03.2012, 18:25:07 ) *
IE nie rozpoznaje display:table-cell - po co ci w menu te separatory. Wyłącz je i ustaw li na konkretną szerokość dla div#menu ustaw taką jakie ma być menu i daj overflow hidden a ul#menu ustaw na szerokość taką jak div#menu + prawy margines który zrobisz pomiędzy elementami li


Zrobiłbym tak, ale niestety klient chce zmieniać liczbę elementów w menu, a Twoje rozwiązanie nie dostosowywałoby ich szerokości (muszą zajmować całą szerokość - kolejne wymaganie klienta).
Dzięki za info, że IE nie rozpoznaje table-cell (IMG:style_emoticons/default/smile.gif)
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: 26.09.2025 - 01:40