Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]
Forum PHP.pl > Forum > Przedszkole
norbertz90
24.03.2009, 15:51:52
Utworzyłem sam od podstaw swoją pierwszą stronke.  http://lksjedlinsk.100webspace.net
Jeszcze wymaga dopracowania, ale mam problem w Internet Explorer wyświetla się prawidło natomiast w innych przeglądarkach niee. Co może być tego przyczyną

CSS:

Kod:




Kod
#logo


{
margin-top: 10px;
text-align: center;
width: 850px;
height: 200px;
background-image: url("szablon/lks jedlinsk.jpg");
border-bottom: 1px; /*ramka od dou gruboci 1px*/


}

#paseczekczerwony
{
width: 850px;
height: 15px;
background-image: url("szablon/paseczekczerwony.png");
}



#nastepnymecz
{
float:left;
margin-top: 20px;
margin-left: 5px;
background-image: url("szablon/nastepnymecz.png");
width: 256px;
height: 156px;

}

#ostatnimecz
{
float;right;
margin-right: 5px;
margin-top: 20px;
background-image: url("szablon/ostatnimecz.png");
width: 256px;
height: 156px;
}

#lmenu
{
float: left;
width: 156px;
height: 600px;
background-image: url("szablon/meczuczyste.png");
margin-top:20px;
margin-left: 32px;


}

#rmenu
{
float:right;
width: 156px;
height: 600px;
background-image: url("szablon/meczuczyste.png");
margin-top: 20px;
margin-right: 32px;


}

#tresc
{

margin-left: px; /
margin-right: px;
margin-top: 20px;
text-align: center;
padding:5px;
background-image: url("szablon/tresc.png");
width: 514px;
height: 740px;
overflow: hidden;


}

#stopka
{
margin-top: 20px;
clear: both;
text-align: center;
height: 87px;
width: 850px;
background-image: url("szablon/stopka.png");
border-top: 1px;
color: white;
}




Sekcja BODY
Kod:

Kod
<div id="container">



<div id="logo"> </div>
<div id="paseczekczerwony"> </div>
<div id="rmenu"></div>       */PRAWE MENU SPONSORZY/
<div id="lmenu"></div>    */LEWE MENU SPIS TREŚĆI
<div id="nastepnymecz"></div>
<div id="ostatnimecz"></div>
<div id="tresc"></div>
<div id="stopka"></div>
</div>
Spawnm
24.03.2009, 16:17:43
w ie też się sypie ...
InosU31
24.03.2009, 17:08:06
teraz powinno byc juz ok ale sobie zapisz to jako style1.css i dodaj do Twojego pliku bedziesz mial szkielet strony i sobie juz to poukladaj wszystko ;-)

[HTML] pobierz, plaintext 
  1. #container
  2. {
  3. 	width: auto;			
  4. 	height: auto;			
  5. 	overflow:auto;		
  6.  
  7.  
  8. }
  9.  
  10.  
  11. #logo
  12.  
  13.  
  14. {
  15. margin-top: 10px;
  16. text-align: center;
  17. width: 850px;
  18. height: 200px;
  19. border: 1px solid #888888;
  20. border-bottom: 1px; /*ramka od dou gruboci 1px*/
  21. margin-left: auto;
  22. margin-right: auto;
  23. }
  24.  
  25.  
  26.  
  27. #paseczekczerwony
  28. {
  29. width: 850px;
  30. height: 15px;
  31. border: 1px solid #888888;
  32. margin-left: auto;
  33. margin-right: auto;
  34. }
  35.  
  36.  
  37.  
  38. #nastepnymecz
  39. {
  40. float:left;
  41. margin-top: 20px;
  42. margin-left: 5px;
  43. border: 1px solid #888888;
  44. width: 256px;
  45. height: 156px;
  46.  
  47. }
  48.  
  49. #ostatnimecz
  50. {
  51. float:right;		/* tutaj ma byc :*/
  52. margin-right: 5px;
  53. margin-top: 20px;
  54. border: 1px solid #888888;
  55. width: 256px;
  56. height: 156px;
  57. }
  58.  
  59. #lmenu
  60. {
  61. float: left;
  62. width: 156px;
  63. height: 600px;
  64. border: 1px solid #888888;
  65. margin-top:20px;
  66. margin-left: 32px;
  67.  
  68.  
  69. }
  70.  
  71. #rmenu
  72. {
  73. float:right;
  74. width: 156px;
  75. height: 600px;
  76. border: 1px solid #888888;
  77. margin-top: 20px;
  78. margin-right: 32px;
  79.  
  80.  
  81. }
  82.  
  83. #tresc
  84. {
  85.  
  86. margin-left: px; /
  87. margin-right: px;
  88. margin-top: 20px;
  89. text-align: center;
  90. padding:5px;
  91. border: 1px solid #888888;
  92. width: 514px;
  93. height: 740px;
  94. /*overflow: hidden;*/
  95. float:left;
  96.  
  97.  
  98. }
  99.  
  100. #stopka
  101. {
  102. margin-top: 20px;
  103. clear: both;
  104. text-align: center;
  105. height: 87px;
  106. width: 850px;
  107. border: 1px solid #888888;
  108. border: 1px;
  109. color: white;
  110. border: 1px solid #888888;
  111. margin-left: auto;
  112. margin-right: auto;
  113. }
[HTML] pobierz, plaintext


pozdrawiam;-)

Ps. miales w jednym mejscu zamiast : bylo ; no i #container nie miales wogle w stylach ;-)
black_alexis
25.03.2009, 23:24:09
dobra rada... Jak chcesz pisać strony zaczynaj od sprawdzania w przeglądarkach Firefox lub Opera. a dopiero poxniej dostosuj do IE...
Znam z własnego doświadczenia, że jest dużo lepiej w tę stronę smile.gif

pozdrawiam
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.