Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][PHP]Złe wyświetlanie strony pod IE 6,7
Forum PHP.pl > Forum > Przedszkole
Loboo1991
25.01.2010, 08:42:21
Witam mam problem z prawidłowym wyświetlaniem mojej strony pod IE 6,7. Juz sobie nie daje rady. Probowalem chyba wszystkiego. Może mi ktoś pomóc? Jeżeli tak to jest moj adres
Kod
www.e4u.dl.pl
. W szczegolnosci chodzi mi o menu w javie po kliknieciu na np. przycisk "Turniej" podmenu wyswietla sie po prawej stronie ( IE 7 ) a gorny panel jest przesuniety w lewo (IE 7,8). Wie ktoś w czym leży problem i jak to naprawic ?
blim
25.01.2010, 11:17:54
Górne menu ma ustawiony float:left; więc następny element, czyli DIV z submenu pojawia się obok.
Musisz dodać element z atrybutem clear:both;

[HTML] pobierz, plaintext 
  1. <div id='container-4'>
  2. <ul id='tabs-nav'> ..... </ul>
  3.  
  4. <div style='clear:both;'></div>
  5.  
  6. <div id='portal'> ......
  7. </div>
[HTML] pobierz, plaintext


Co do reszty przesunięć sugeruje zacząć plik CSS od wyzerowania domyślnych marginesów itd. *{margin:0, padding: 0, border: 0}
Loboo1991
25.01.2010, 13:19:50
Cytat(blim @ 25.01.2010, 11:17:54 ) *
Górne menu ma ustawiony float:left; więc następny element, czyli DIV z submenu pojawia się obok.
Musisz dodać element z atrybutem clear:both;

[HTML] pobierz, plaintext 
  1. <div id='container-4'>
  2. <ul id='tabs-nav'> ..... </ul>
  3.  
  4. <div style='clear:both;'></div>
  5.  
  6. <div id='portal'> ......
  7. </div>
[HTML] pobierz, plaintext


Co do reszty przesunięć sugeruje zacząć plik CSS od wyzerowania domyślnych marginesów itd. *{margin:0, padding: 0, border: 0}



niestety nie pomoglo oto moj plik css 

[PHP] pobierz, plaintext 
  1. /* Caution! Ensure accessibility in print and other media types... */
  2. @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  3.     .tabs-hide {
  4.         display: none;
  5.     }
  6. }
  7.  
  8. /* Hide useless elements in print layouts... */
  9. @media print {
  10.     .tabs-nav {
  11.         display: none;
  12.     }
  13. }
  14.  
  15. /* Skin */
  16. .tabs-nav {
  17.     list-style: none;
  18.     margin: 0;
  19.     padding: 0 0 0 150px;
  20. }
  21. .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  22.     display: block;
  23.     clear: both;
  24.     content: " ";
  25. }
  26. .tabs-nav li {
  27.     float: left;
  28.     margin: 0 0 0 0px;
  29.     min-width: 84px; /* be nice to Opera */
  30. }
  31. .tabs-nav a, .tabs-nav a span {
  32.     display: block;
  33.     padding: 0 10px;
  34.  
  35. }
  36. .tabs-nav a {
  37.     position: relative;
  38.     top: 0px;
  39.     z-index: 2;
  40.     padding-left: 0;
  41.     color: #27537a;
  42.     font-size: 12px;
  43.     font-weight: bold;
  44.     line-height: 1.2;
  45.     text-align: center;
  46.     text-decoration: none;
  47.     white-space: nowrap; /* required in IE 6 */    
  48. }
[PHP] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.