Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z wyświetlaniem w IE 6
Forum PHP.pl > Forum > Przedszkole
zimekk
10.08.2010, 15:17:14
Gdy otwieram szablon w IE 6, pokazuje się mi jakby dodatkowy margines, taki niebieski pasek i nie wiem jak go usunac.


kod html
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. 		<head>
  5. 			<title>Tytuł strony</title>
  6. 			<meta http-equiv="Content-Type"  content="application/xhtml+xml; charset=utf-8"/>
  7. 			<link rel="stylesheet" href="test.css" type="text/css" />
  8. 		</head>
  9. 		<body xml:lang="pl">
  10. 				<div id="page">
  11. 						<div id="menu">
  12. 						</div>
  13. 						<div id="logo">
  14. 								<div id="bg_logo">
  15. 										<div id="picture">
  16. 										</div>
  17. 										<div id="r_shadow">
  18. 										</div>
  19. 										<div id="l_d_shadow">
  20. 										</div>
  21. 										<div id="d_shadow">
  22. 										</div>
  23. 										<div id="r_d_shadow">
  24. 										</div>
  25. 								</div>
  26. 						</div>
  27. 						<div id="content">
  28. 								<div id="post">
  29. 										<div id="l_column">
  30. 										</div>
  31. 										<div id="c_column">
  32. 										</div>
  33. 										<div id="r_column">
  34. 										</div>
  35. 								</div>
  36. 						</div>
  37. 						<div id="footer">
  38. 								<div id="bottom">
  39. 								</div>
  40. 						</div>
  41. 				</div>
  42. 		</body>
  43. </html>
[HTML] pobierz, plaintext


kod css
[CSS] pobierz, plaintext 
  1. *{ margin: 0; padding: 0; }
  2. body{ text-align: center; font: normal 1em Arial; }
  3. #page{ margin: auto; text-align: left; width: 1000px; }
  4. #menu{ height: 90px; background: #000 url(images/bg_menu.jpg) repeat-x; }
  5. #logo{ height: 340px; background: #000 url(images/bg_logo.jpg) repeat-x; }
  6. 	#bg_logo{ width: 910px; background: #fff; margin: 0 0 0 45px;}
  7. 		#picture{ width: 900px; height: 300px; background: #fff url(images/logo_2.jpg); float:left; }
  8. 		#r_shadow{ width: 10px; height: 300px; background: #fff url(images/r_shadow.jpg); float: left; }
  9. 		#l_d_shadow{ width: 12px; height: 10px; background: #fff url(images/l_d_shadow.jpg) no-repeat; float:left; }
  10. 		#d_shadow{ width: 886px; height: 10px; background: #6714f0 url(images/d_shadow.jpg) repeat-x; float: left;}
  11. 		#r_d_shadow{ width: 12px; height: 10px; background: #fff url(images/r_d_shadow.jpg) no-repeat; float: right;}
  12. #content{ height: 620px; background-color: #fff; }
  13. 	#post{ width: 910px; height: 620px; background: #000;  margin: 0 0 0 45px; }
  14. 		#l_column{ width: 599px; height: 619px; border-top: 1px solid #e8e7e7; border-left: 1px solid #e8e7e7; background: #fff; float: left; }
  15. 		#c_column{ width: 300px; height: 619px; border-top: 1px solid #e8e7e7; background: #fff; float: left; }
  16. 		#r_column{ width: 10px; height: 620px; background: #fff url(images/bg_column.jpg) repeat-y; float: left; }
  17. #footer{ height: 145px; background: #d8d6d6 url(images/bg_footer.jpg) repeat-x; }
  18. 	#bottom{ width: 910px; height: 90px; background: #ededed; margin: 0 0 0 45px; }
[CSS] pobierz, plaintext


Opera, Mozilla i Chrome wyswietlaja strone poprawnie.
Damonsson
10.08.2010, 15:32:35
Wygląda to tak jakbyś nie miał tego pliku (images/d_shadow.jpg) i nadawany jest kolor#6714f0

Bynajmniej zdaje się, że to jest cały sprawca:
#d_shadow{ width: 886px; height: 10px; background: #6714f0 url(images/d_shadow.jpg) repeat-x; float: left;}

Nie mam jak sprawdzić, bo IE6 nie ogarnia 64bit ;/
zimekk
10.08.2010, 15:41:09
ten plik jest i sie wyswietla, ale div w ktorym sie znajduje ten obrazek w IE jest troche wiekszy niz zakladane 10px i u dolu pokazuje mi sie niebieskie tlo, które wstawilem do tego diva zeby sie wyroznialo...
erix
10.08.2010, 15:47:33
double margin bug; zastosuj komentarz warunkowy i dla IE daj mniejszy margines/wymiar.
pawelbialach
10.08.2010, 17:07:29
Polecam http://code.google.com/p/ie7-js/ - rozwiązuje również wiele problemów z IE6. P.S. Warto zapoznać się z dokumentacją przed ocenianiem, że to rozwiązanie nie jest pomocne smile.gif
erix
10.08.2010, 17:16:55
Nie jest, bo wymaga:
  • JS do działania
  • dołączania kilkudziesięciu KiB danych

Sam hack, to kwestia góra kilku linijek.
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.