Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: CSS pod IE
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
robertinho
24.11.2008, 14:10:11
Tak jak się można domyślić z nazwy tematu, strona działa ładnie pod Firefoxem, ale pod IE się łamie i nie bardzo wiem jak sobie z tym poradzić. Z góry dzięki za wszelką pomoc.

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>tytul</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <meta author="autor" />
  6. <link rel="stylesheet" href="style.css">
  7. </head>
  8. <body>
  9. 	<div id="pasek_gora"><img src="img/pasek.png" border="0" alt="">
  10. 	</div>
  11. 	<div id="logo"><a href="index.html"><img src="img/logo.png" border="0" alt=""></a>
  12. 			<div id="nawigacja">
  13. 				<a href="dojazd.html"><img src="img/dojazd.png" border="0" alt=""></a><a href="oferta.html"><img src="img/oferta.png" border="0" alt=""></a><a href="galeria.html"><img src="img/galeria.png" border="0" alt=""></a><a href="kontakt.html"><img src="img/kontakt.png" border="0" alt=""></a>
  14. 			</div>
  15. 	</div>
  16. 	<div id="main">	
  17. 		<div id="news" align="center">	
  18. 			<h3>Naglowek!</h3>
  19.  
  20. 			 <p>Aktualnosci</p>			
  21. 		</div>
  22. 		<div id="stopka" align="center">
  23. 			<p>ˆ 2008 strona</span>
  24. 			<br><span class="autor">Website created by: <a href="mailto:mail">autor</a></span>
  25. 			</p>
  26. 		</div>
  27. 	</div>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext 


[XML] pobierz, plaintext 
  1. html, body {
  2.       background-color: #433534;
  3.       margin-left: auto;
  4.       margin-right: auto;
  5.       width: 760px;
  6. }
  7.  
  8.  
  9. img {
  10.       border: 0;
  11.       float: none;
  12. }
  13.  
  14. #pasek_gora {
  15.       position: absolute;
  16.  
  17. }
  18.  
  19. #logo {
  20.       postion: absolute;
  21. }
  22.  
  23. #nawigacja {
  24.       postion: absolute;
  25.       width: 760px;
  26.       
  27. }
  28.  
  29. #main {
  30.       position: absolute;
  31.       width: 760;
  32.       background-color: #f1ede2;
  33. }
  34.  
  35. #news {
  36.       float: left;
  37.       width: 760px;
  38.       min-height: 238px;
  39.       bgcolor: #f1ede2;
  40.       margin: 0 20px;
  41.       margin-bottom: 20px;
  42.       }
  43.  
  44. #news h3 {
  45.       font-size: 36px;
  46.       font-family: Tahoma, Arial, Helvetica, sans-serif;
  47.       color: #a32c0e;
  48. }
  49.  
  50. #news p {
  51.       font-size: 12px;
  52.       font-family: Tahoma, Arial, Helvetica, sans-serif;
  53.       color: 434343;
  54. }
  55.  
  56. #news td p  {
  57.       font-size: 22px;
  58.       font-family: Tahoma, Arial, Helvetica, sans-serif;
  59.       color: 434343;
  60. }
  61.  
  62. #stopka {
  63.       float: left;
  64.       width: 760;
  65.       height: 46px;
  66.       background-color: #554a46;      
  67. }
  68.  
  69. #stopka p {
  70.       font-family: Trebuchet MS;
  71.       font-size: 14px;
  72.       color: #a69c93;
  73. }
  74.  
  75. #stopka span.autor {
  76.       font-family: Trebuchet MS;
  77.       font-size: 10px;
  78.       color: #a69c93;
  79.       margin-bottom: 5px;
  80. }
  81.  
  82. span a:link {
  83.       text-decoration: none; 
  84.       color: #a69c93;
  85.       font-weight: bold;      
  86. }
  87.  
  88. span a:hover {
  89.       text-decoration: underline;
  90. }
  91.  
  92. div.pic {
  93.       float: left;
  94.       height: 130px;
  95.       width: 130px;
  96.       background: url(img/frame-ls.png) center no-repeat;
  97.       margin: 5px 10px;
  98.       padding: 15px;
  99. }
  100.  
  101. div.pic img {
  102.       border: none;
  103. }
  104.  
  105. div.ls img { 
  106.       height: 96px;
  107.       width: 128px;
  108.       margin: 16px 0;
  109. }
  110.  
  111. #lightbox{
  112.       background-color:#eee;
  113.       padding: 10px;
  114.       border-bottom: 2px solid #666;
  115.       border-right: 2px solid #666;
  116.       }
  117. #lightboxDetails{
  118.       font-size: 0.8em;
  119.       padding-top: 0.4em;
  120.       }      
  121. #lightboxCaption{ float: left; }
  122. #keyboardMsg{ float: right; }
  123. #closeButton{ top: 5px; right: 5px; }
  124.  
  125. #lightbox img{ border: none; clear: both;} 
  126. #overlay img{ border: none; }
  127.  
  128. #overlay{ background-image: url(overlay.png); }
  129.  
  130. * html #overlay{
  131.       background-color: #333;
  132.       back\ground-color: transparent;
  133.       background-image: url(blank.gif);
  134.       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
  135.       }
[XML] pobierz, plaintext
korek_a
24.11.2008, 14:35:04
css
Kod
#news {
     float: left;
     width: 760px;
     height: 238px;
     bgcolor: #f1ede2;
     margin: 0 20px;
     margin-bottom: 20px;
     }


jeżeli oto chodzi bo nie za bardzo wiem o które ci chodzi smile.gif
nevt
24.11.2008, 17:04:07
nie masz w html DOCTYPE - zatem IE pracuje w quirks mode - z założenia niezgodnym ze standardami CSS
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.