Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Błąd wyświetlania strony na mozilli
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Johnas
16.12.2010, 19:53:53
Witam co zrobiłem źle? Mam strone i na operze jest ona pięknie wyświetlana:
Screen opery

A na mozilli wszystko wali sie
Screen Mozilla


Kod html:
[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<title>WEB-HOSTING - Serwery Dla Ciebie</title>
  4. 		<META NAME="Author" CONTENT="Jonatan Kupczyk">
  5. 		<META http-equiv="Reply-to" CONTENT="jonekmax@hotmail.com">
  6. 		<META NAME="Description" CONTENT="WEB-HOSTING - Serwery Dla Ciebie">
  7. 		<META NAME="Keywords" CONTENT="Web Hosting Serwery dla ciebie">
  8. 		<META NAME="Generator" CONTENT="CoreEditor & Notepad++">
  9. 		<META NAME="Language" CONTENT="Polski ">
  10. 		<META NAME="Copyright" CONTENT="Zastrzeżone">
  11. 		<META NAME="Robots" CONTENT="All">
  12. 		<link rel="stylesheet" type="text/css" href="css/style.css" />
  13. 	</head>
  14. <body>
  15. <div class="szare">
  16. <div class="logo">
  17. 	<img style="float:left;" border="0" src="css/img/index_left.png" /><img border="0" style="position: absolute; right: 0px; top: 0px;" src="css/img/index_right.png" />
  18. 	<img border="0" style="position: absolute; top:10px; left:120px;" src="img/logo.png" />
  19. 	<img border="0" style="position: absolute; top: 70px; right: 20px;" src="img/button1.png" onmouseover="this.src='img/button1a.png'" onmouseout="this.src='img/button1.png'" width="156" height="54" />
  20. 	<img border="0" style="position: absolute; top: 70px; right: 196px;" src="img/button2.png" onmouseover="this.src='img/button2a.png'" onmouseout="this.src='img/button2.png'" width="156" height="54" />
  21. 	<img border="0" style="position: absolute; top: 70px; right: 372px;" src="img/button3.png" onmouseover="this.src='img/button3a.png'" onmouseout="this.src='img/button3.png'" width="156" height="54" />
  22.  
  23. </div>
  24. <center>
  25. 	<div class="index02">
  26. 		<img src="css/img/index_01.png">
  27. 			<div style="float: left; width: 414px;"> d d d d dd d d d d d  dd d d d d d</div>
  28. 			<div style="display: block; padding: 0px 3px 0px 0px; float: right; width: 410px;" ><img width="410" height="228" border="0" src="img/logo01.jpg" /></div>
  29. 	</div>
  30. </center>
  31. </div>
  32.  
  33. 		<div class="index03">zcscxzx<br /><br /><br /><br /><br /></div>
  34. <div class="index04"></div>
  35.  
  36.  
[HTML] pobierz, plaintext

Kod css:
[CSS] pobierz, plaintext 
  1. body{
  2. 	margin:0px;
  3. 	padding:0px;
  4. 	background:#FFFFFF;
  5. 	font-family:Arial, Helvetica, sans-serif;
  6. }
  7.  
  8. .szare{
  9. 	background:#333537 url(img/tlo.png);
  10. 	width:100%;
  11. 	height:150px;
  12. }
  13. .linia{
  14. 	background:#333537 url(img/linia.png);
  15. 	width:100%;
  16. 	height:1px;
  17. }
  18. .strona{
  19. 	width: 1024px;
  20. 	margin-left: auto;
  21. 	margin-right: auto;
  22. }
  23. .logo{
  24. background-image: url(img/index_center.png);
  25. width: 100%;
  26. height:136px;
  27. margin-left: auto;
  28. margin-right: auto;
  29. }
  30.  
  31. .okno_gora {
  32. background: url(img/index_01.png);
  33. width: 837px;
  34. height:30px;
  35. margin-left: auto;
  36. margin-right: auto;
  37. }
  38.  
  39. .index02 {
  40. background: url(img/index_02.png);
  41. width: 837px;
  42. height:231px;
  43. margin-left: auto;
  44. margin-right: auto;
  45. }
  46. .index03{
  47. background: url(img/index_03.png);
  48. width: 837px;
  49. height:auto;
  50. margin-left: auto;
  51. margin-right: auto;
  52. }
  53.  
  54. .index04{
  55. background: url(img/index_04.png);
  56. width: 837px;
  57. height: 53px;
  58. margin-left: auto;
  59. margin-right: auto;
  60. }
[CSS] pobierz, plaintext
Szadow
16.12.2010, 20:41:58
Nie nie nie!!
Zawsze używaj 
[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">
[HTML] pobierz, plaintext

na początku aby zmniejszyć problem z tymi międzyprzeglądarkowymi problemami
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.