Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z div'ami pod FF
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Levy
24.01.2006, 00:13:33
Chodzi o nieprawidłowe wyświetlanie się div'ów pod FF i operą, które nie wyświetlają się w lini, ale jeden pod drugim


[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. <!--
  3.   body{
  4. background-color: #000000;
  5. margin-left: 100px;
  6. margin-top: 10px;
  7. margin-right: 0px;
  8. margin-bottom: 0px;
  9. scrollbar-highlight-color: #000000;
  10. scrollbar-shadow-color: #000000;
  11. scrollbar-3dlight-color: #000000;
  12. scrollbar-darkshadow-color: #000000;
  13. scrollbar-track-color: #FFFFFF;
  14. scrollbar-face-color: #CF0000;
  15.           }
  16. /* tu są wartości dla linków */
  17.   a:link, a:visited{
  18. text-decoration: none;
  19. color: #ffffff;
  20.           }
  21.   a:hover{
  22. text-decoration: none;
  23. color: gray;
  24. }
  25.   a:active {
  26. text-decoration: none;
  27. color: #ffffff;
  28. }
  29. /* tu się końćzą wartości dla linków */
  30.  
  31.   p{
  32. margin-top: 8px;
  33. margin: 3px 3px 3px 3px;
  34. }
  35.   body,td,th{
  36. font-family: Verdana, Arial, Helvetica, sans-serif;
  37. font-size: 11px;
  38. color: #ffffff;
  39.           }
  40.   #wszystko{
  41. margin: auto;
  42. width: 810;
  43. background-color: #202020;
  44.  
  45. }
  46.   #logo{
  47. width: 810px;
  48. height: 200px;
  49. text-align: center;
  50. background-color: #202020;
  51. background-image: url( 'grafika/logo1.jpg' );
  52.  
  53. }
  54.   #lewemenu{
  55. vertical-align: top;
  56. text-align: left;
  57. background-color: #202020;
  58. width: 150px;
  59. display: inline;
  60. }
  61.   #tresc{
  62. vertical-align: top;
  63. width: 510px;
  64. display: inline;
  65. text-align: left;
  66. background-color: #404040;
  67. }
  68.   #prawemenu{
  69. vertical-align: top;
  70. width: 150px;
  71. display: inline;
  72. text-align: left;
  73. background-color: #202020;
  74. }
  75. -->
  76. </style>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <div id="wszystko">
  2. <!-- Logo -->
  3. <div id="logo"></div>
  4. <!-- koniec loga -->
  5. <!-- lewe menu  -->
  6. <div id="lewemenu">
  7. </div>
  8. <!-- koniec lewego menu -->
  9. <!-- treść -->
  10. <div id="tresc">
  11. </div>
  12. <!-- koniec treści -->
  13. <!-- prawe menu -->
  14. <div id="prawemenu">
  15. </div>
  16. <!-- koniec prawego menu -->
  17. </div>
[HTML] pobierz, plaintext
Indianin
24.01.2006, 04:28:50 
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. <!--
  3.  body{
  4. background-color: #000000;
  5. margin-left: 0px;
  6. margin-top: 3px;
  7. margin-right: 0px;
  8. margin-bottom: 3px;
  9. scrollbar-highlight-color: #000000;
  10. scrollbar-shadow-color: #000000;
  11. scrollbar-3dlight-color: #000000;
  12. scrollbar-darkshadow-color: #000000;
  13. scrollbar-track-color: #FFFFFF;
  14. scrollbar-face-color: #CF0000;
  15.          }
  16.  a:link, a:visited{
  17. text-decoraton: none;
  18. color: #ffffff;
  19.          }
  20.  a:hover{
  21. color: gray;
  22. }
  23.  p{
  24. margin-top: 8px;
  25. margin: 3px 3px 3px 3px;
  26.          }
  27.  body,td,th{
  28. font-family: Verdana, Arial, Helvetica, sans-serif;
  29. font-size: 11px;
  30. color: #ffffff;
  31.          }
  32.  #calosc{
  33. width: 810;
  34. background-color: #202020;
  35. }
  36.  #logo{
  37. width: 810;
  38. text-align: center;
  39. background-color: #202020;
  40. }
  41.  #lewe_menu{
  42. text-align: left;
  43. background-color: #202020;
  44. width: 150;
  45. float: left;
  46. display: inline;
  47. }
  48.  #tresc{
  49. width: 510;
  50. display: inline;
  51. float: left;
  52. background-color: #404040;
  53. }
  54.  #prawe_menu{
  55. width: 150;
  56. float: left;
  57. display: inline;
  58. background-color: #202020
  59. }
  60. -->
  61. </style>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <center>
  2. <div id="calosc">
  3.  
  4. <!-- Logo -->
  5. <div id="logo"><img src="grafika/logo1.jpg"  /></div>
  6. <!-- koniec loga -->
  7.  
  8. <!-- lewe menu  -->
  9. <div id="lewe_menu">
  10. </div>
  11. <!-- koniec lewego menu -->
  12. <!-- treść -->
  13. <div id="tresc">
  14. </div>
  15. <!-- koniec treści -->
  16. <!-- prawe menu -->
  17. <div id="prawe_menu">
  18. </div>
  19. <!-- koniec prawego menu -->
  20. </div>
  21. </center>
[HTML] pobierz, plaintext
Zajec
24.01.2006, 18:21:36
width: 810px;
Levy
25.01.2006, 12:50:49
Niestety, ale nie o to chodzi wcześniej już to próbowałem i taki sam efekt:(

EDIT:
Problem jest już rozwiązany
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.