Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: problem ie7
Forum PHP.pl > Forum > Po stronie przeglądarki
wojtekwro
Witam,

chodzi mi o stronę którą obecnie składam:

www.kmtrans.pl

pod ff wszystko działa wyśmienicie, pod ie6 jest ok, pod ie7 robi się bajzel z paskiem możecie to zobaczyć fragment kodu który ma pod ie7 wyświetlać ten pasek:

  1. div#first-column {
  2. position: absolute;
  3. margin-left: -179px;
  4. }
  5. div#container {
  6.  
  7. margin-bottom: -3px;
  8. }


Prosiłbym o pomoc w rozwiązaniu tego problemu powyżej wkleiłem warunek dla ie.

Pozdrawiam
Wojtek

powiedzcie mi jaka jest różnica między ie 7 a ie 6 przy tym kodzie questionmark.gif

  1. div#first-column {
  2. position:inherit;
  3. margin-left:-179px;
  4. }
  5. div#container {
  6.  
  7. margin-bottom: -3px;
  8. }


W pliku index.php mam umieszczony taki warunek:
  1. <link rel='stylesheet' type='text/css' href='../style/two-column.css' />
  2. <!-- compliance patch for microsoft browsers -->
  3. <!--[if lt IE 7]>
  4. <link rel='stylesheet' type='text/css' href='../style/two-column-ie.css' />
  5. <script src="/ie7/ie7-standard-p.js" type="text/javascript"></script>
  6. <![endif]-->


natomiast w głównym pliku ze stylami jest to zdefiniowane tak:

  1. div#container {
  2. position: absolute;
  3. top: 144px;
  4. height: 691px;
  5. border: 0px solid gray;
  6. background: none;
  7. width: 990px;
  8. margin: 0;
  9. padding: 0;
  10. }
  11. div#first-column {
  12. position: absolute;
  13. top: 0;
  14. bottom: 0;
  15. border: 0;
  16. background: url(../images/7.png) no-repeat;
  17. height: 653px;
  18. width: 179px;
  19. }


całość działa poprawnie pod opera ff ie6, pod ie7 pojawia się ten jeden mały błąd tak naprawdę i nie potrafię go usunąć prosiłbym o jakieś wskazówki pomoc.

Pozdrawaim
Wojtek
misiek172
jeżeli się nie myle to inherit nie działa pod IE

po drugie margin-left:-179px; mi sie nie podoba, minusowy margines? To nie lepiej zastosować pozycjonowanie relatywne?
wojtekwro
inherit pod ie6 zadziałał prawidłowo przy absolute, robi się kiepsko, na ujemnym marginesie pod ie6 wszystko działa ok krzaczy się przy ie7 przesuwa, jeden z elementów strony o właśnie te -179px, jakby 7 nie obsługiwała margin.
misiek172
wyraźnie napisane że ie nie obsługuje poprawnie inherit

http://www.webdevout.net/browser-support-c...-css2propsbasic

ale są fixy do tego:

http://bugs.sakaiproject.org/jira/browse/SAK-9066
wojtekwro
niestety wszelkie sposoby do jakich udało mi się dotrzeć zawiodły mnie, ma ktoś jakiś pomysł jak z tego wybrnąć prosze o wsparcie ;]
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.