Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] problem z padding IE a Firefox
Forum PHP.pl > Forum > Przedszkole
piotrekk
1.04.2009, 10:32:04
Witam, mam problem z CSS, a mianowicie szablon wygląda jak poniżej. Kod również:

[HTML] pobierz, plaintext 
  1. <div id="contener">
  2. <div id="textContentOfirmie">
  3. <div id="textOfirmie">
  4. </div>
  5. </div>
  6. <div id="textContentOferta">
  7. <div id="textOferta">
  8. </div>
  9. </div>
  10. <div id="textContentNowy">
  11. <div id="textNowy">
  12. </div>
  13. </div>
  14. <div id="textContentSzablony">
  15. <div id="
  16. </div>
  17. </div>
  18. <div id="textContentReferencje">
  19. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  20. </div>
  21. </div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #contener {
  2. 	background-image:url(../layout/bg.jpg);
  3. 	background-repeat: no-repeat;
  4. 	width: 908px;
  5. 	min-width: 908px;
  6. 	height: 702px;
  7. 	float:left;
  8. }
  9. /*--- o firmie ---*/
  10. #textContentOfirmie {
  11.   	float:left;
  12. 	width: 215px;
  13. 	padding-left: 30px;
  14. 	padding-top: 60px;
  15.  
  16. }
  17. #textOfirmie {
  18.   	font-family: Tahoma, Arial, Verdana, sans-serif;
  19. 	font-size: 11px;
  20. 	color: #666666;
  21. 	text-align: justify;
  22. 	font-weight: normal;
  23. 	line-height:16px;	
  24. }
  25. /*--------oferta--------*/
  26. #textContentOferta {
  27.   	float: left;
  28. 	width: 255px;
  29. 	padding-left: 48px;
  30. 	padding-top: 60px;
  31.  
  32. }
  33. #textOferta {
  34.   	font-family: Tahoma, Arial, Verdana, sans-serif;
  35. 	font-size: 11px;
  36. 	color: #666666;
  37. 	text-align: justify;
  38. 	font-weight: normal;
  39. 	line-height:16px;	
  40. }
  41. #textOferta h1 {
  42.   	font-family: Tahoma, Arial, Verdana, sans-serif;
  43. 	font-size: 11px;
  44. 	margin: 0px;
  45.  	padding: 0px;
  46. 	color: #e30000;
  47. 	font-weight: normal;
  48. 	line-height: 16px;	
  49. }
  50. /*----------nowy----------*/
  51. #textContentNowy {
  52.   	float: left;
  53. 	width: 255px;
  54. 	padding-left: 48px;
  55. 	padding-top: 60px;
  56.  
  57. }
  58. #textNowy 
  59.   	font-family: Tahoma, Arial, Verdana, sans-serif;
  60. 	font-size: 11px;
  61. 	margin: 0px;
  62.  	padding: 0px;
  63. 	color: #e30000;
  64. 	font-weight: normal;	
  65. }
  66.  
  67. #textNowy img {
  68. 	margin-top: 5px;
  69.  	padding: 0px;
  70. 	border: 0;
  71. }
  72. /*--------szablony---------*/
  73. #textContentSzablony {
  74.   	float: left;
  75. 	width: 255px;
  76. 	padding-left: 48px;
  77.  
  78. }
  79. /*--------referencje---------*/
  80. #textContentReferencje {
  81. 	width: 215px;
  82. 	padding-top: 60px;
  83. 	padding-left: 30px;
  84. 	float: left;
  85. }
[HTML] pobierz, plaintext



Chce ustawić div referenecje poniżej div'a ofirmie. Jednak padding kompletnie tu szaleje. W IE pokazuję go w innej odległości w Firefoxie w innej. Czy tak jest zawsze czy mozna jakos zaradzic?
PawelC
1.04.2009, 10:35:12
ehh stosuj * dla IE
np:
[HTML] pobierz, plaintext 
  1. padding:10px; //dla FF
  2. *padding:8px; // dla IE
[HTML] pobierz, plaintext

Dla IE podawaj wartości z *, i mniejsze niż dla FF
piotrekk
1.04.2009, 10:36:32
dzieki po zapisaniu posta zauwazylem ze obok byla juz

odp. pozdro
erix
1.04.2009, 18:51:28
Cytat
W IE pokazuję go w innej odległości w Firefoxie w innej. Czy tak jest zawsze czy mozna jakos zaradzic?

Zanim zaczniesz wojować z osobnymi paddingami ustaw odpowiedni box-model (via DOCTYPE; w Strict jest mniej problemów).
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.