Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Problem z wyświetlaniem w IE 6
zimekk
post
Post #1





Grupa: Zarejestrowani
Postów: 70
Pomógł: 2
Dołączył: 25.11.2008

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

Gdy otwieram szablon w IE 6, pokazuje się mi jakby dodatkowy margines, taki niebieski pasek i nie wiem jak go usunac.
(IMG:http://www.stryszawa.cba.pl/bez_tytulu.jpg)

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
Damonsson
post
Post #2





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

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 ;/
Go to the top of the page
+Quote Post
zimekk
post
Post #3





Grupa: Zarejestrowani
Postów: 70
Pomógł: 2
Dołączył: 25.11.2008

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

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...
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
double margin bug; zastosuj komentarz warunkowy i dla IE daj mniejszy margines/wymiar.
Go to the top of the page
+Quote Post
pawelbialach
post
Post #5





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 8.08.2010

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

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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
erix
post
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Nie jest, bo wymaga:
  • JS do działania
  • dołączania kilkudziesięciu KiB danych

Sam hack, to kwestia góra kilku linijek.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 8.10.2025 - 03:50
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn