Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Stopka/Footer roznice w przegladarkach
Forum PHP.pl > Forum > Po stronie przeglądarki
fate
Witam
Nie moge sobie poradzic z kompatybilnoscia mojej strony w roznych przegladarkach. Tak wyglada footer
FF11
http://imageshack.us/photo/my-images/26/46354191.jpg/
Chrome 17
http://imageshack.us/photo/my-images/684/99849671.jpg/
Na IE6 schody poprostu cyrk

kod footera
  1. <!-- FOOTER FOOTER FOOTER FOOTER FOOTER -->
  2. <div id="bottom">
  3.  
  4.  
  5.  
  6. <!-- SKIN -->
  7. <span id="skin">
  8. <a href="java script:void(0)" onclick="skin.reset(); return false"><img src="img/skin.png" alt="1" border="0" /></a>
  9. <a href="java script:void(0)" onclick="skin.set('css/css1.css'); return false"><img src="img/skin1.png" alt="2" border="0" /></a>
  10. <a href="java script:void(0)" onclick="skin.set('css/css2.css'); return false"><img src="img/skin2.png" alt="3" border="0" /></a>
  11. <a href="java script:void(0)" onclick="skin.set('css/css3.css'); return false"><img src="img/skin3.png" alt="4" border="0" /></a>
  12.  
  13. </span>
  14. <!-- END SKIN -->
  15. <!-- DOWN FOOTER -->
  16. <span>
  17. <p id="down">
  18. <a href="index.php?show=privacy"> Polityka prywatnoci</a>
  19. <a href="index.php?show=rulz"> Regulamin</a>
  20. <a href="index.php?show=search"> Search</a>
  21. <a href="index.php?show=sitemap"> Mapa Strony</a>
  22. <a href="index.php?show="> Open Source</a>
  23. <a href="index.php?show="> Kontakt</a>
  24. </p>
  25. </span>
  26. <!-- END DOWN FOOTER -->
  27.  
  28. <span id="lang">
  29. <p>
  30. <!-- LICZNIK -->
  31.  
  32. <?$file = 'counter.n';
  33. $ile = @file_get_contents($file) and is_numeric($ile) and $x = true or $ile = 1;
  34. !$_COOKIE['visited'] and fwrite(fopen($file, 'w'), $x ? ++$ile : $ile);
  35. setcookie('visited', true, time()+1); // 3600*3 cosmalo
  36. echo $ile;
  37. ?>
  38. <!-- END LICZNIK -->
  39. <!-- LANGUAGE -->
  40. <a href="index.php"><img src="img/pl.png" alt="pl" /></a>
  41. <a href="lang/eng.php"><img src="img/eng.png" alt="eng" /></a>
  42. <a href="lang/de.php"><img src="img/de.png" alt="de" /></a>
  43. <a href="lang/rus.php"><img src="img/rus.png" alt="rus" /></a>
  44. </p>
  45. </span>
  46. <!-- END LANGUAGE -->
  47.  
  48. </div>
  49. <!-- END FOOTER END FOOTER END FOOTER END FOOTER -->


duzo bylo przerobek dlatego troche smietnik

css:

  1. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
  2. pre, a, address, del, font, img, ins, q, s, strike, strong, sub, sup, var, b, u, i,
  3. center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
  4. {
  5. margin: 0 auto;
  6. padding: 0;
  7. border: 0;
  8. outline: 0;
  9. font-size: 100%;
  10. vertical-align: middle;
  11. text-align: justify;
  12. background: transparent;
  13. color: black;
  14. overflow: hidden;
  15.  
  16. }
  17.  
  18. a
  19. {
  20. vertical-align: middle;
  21. }
  22.  
  23. p
  24. {
  25. vertical-align: bottom;
  26. font-weight: normal;
  27. font-size: 10pt;
  28. color: 0a0a0a;
  29. font-family: Georgia, Verdana, Helvetica, sans-serif, sans;
  30. text-align: justify;
  31.  
  32. }
  33. #wrapper
  34. {
  35. min-height: 100%;
  36. height: auto !important;
  37. height: 100%;
  38. margin: 0 auto -25px;
  39. }
  40. #push, #bottom
  41. {
  42.  
  43. height: 25px;
  44. text-align: center;
  45. width: 100%;
  46. background-color: #996666;
  47.  
  48. }
  49.  
  50. #lang
  51.  
  52. {
  53. vertical-align: middle;
  54. display: inline;
  55. float: right;
  56. }
  57.  
  58. #down
  59.  
  60. {
  61. vertical-align: middle;
  62. display: inline;
  63. color: red;
  64. }
  65.  
  66. #skin
  67. {
  68. float: left;
  69. display: inline;
  70. }


Pomocy! Dużo już było kombinowane i krąże wokół tematu. Podejrzewam iż będzie trzeba wszystko zburzyc i zbudować od nowa, jak wy dostosowujecie swoje stopki?
lukesh
Cytat(fate @ 28.03.2012, 22:11:35 ) *
jak wy dostosowujecie swoje stopki?


Mnie już dawno przestało obchodzić to, jak moja strona wygląda (albo nie wygląda) w IE6. Prawidłowe wyświetlanie strony we wszystkich przeglądarkach jest ważne, ale nie możemy popadać w skrajności. Internet Explorer 6 w rankingu PC World znajduje się na ósmym miejscu najgorszych produktów techniki (http://www.pcworld.com/article/125772-3/the_25_worst_tech_products_of_all_time.html), dlatego myślę, że skupianie się na tym, żeby tekst w stopce był kilka pikseli wyżej, to po prostu marnowanie czasu. Ale jeśli bardzo chcesz, to możesz wstawić alternatywny CSS dla IE6 i tam np. zdefiniować padding w divie tak, żeby tekst wyświetlał się o te kilka pikseli wyżej.
prowseed
W IE6, pamietam, byl taki bug czasem, ze dublowane byly marginesy.
Ale tak jak powiedzial @lukesh, olej to, kto w tych czasach korzysta z IE6? Znasz kogos?
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.