Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML,CSS]Mozilla odstęp między div
Forum PHP.pl > Forum > Przedszkole
krzychu0808
24.08.2007, 21:44:57
Witam.....
Tworze sobie szablonik do allegro ale napotyklam sie na problem który mam zawsze i nikt nie umie mi odpowiedzieć na niego. W przeglądarce Mozilla mam problem bo mam odstępy miedzy obrazami i niektórymi div. Zobaczcie sami co sie dzieje w Mozilla a co w IE ---Link---
Przepraszam za zamieszczenie linka ale inaczej nie moge tego pokazać.
Już dawałem jak miałem img to dawałem :
[HTML] pobierz, plaintext 
  1. img { border: 0px;
  2. border-width: 0px;
  3. padding: 0px;
  4. margin: 0px;
  5.  }
[HTML] pobierz, plaintext


Ale nic nie dawało

Tutaj cały kod szablonu prosze o pomoc
[HTML] pobierz, plaintext 
  1. <html>
  2.   <STYLE>
  3. img { border: 0px;
  4. border-width: 0px;
  5. padding: 0px;
  6. margin: 0px;
  7.  }
  8. .lin {
  9.  
  10.         text-decoration: none
  11. }
  12. .img { border: 0px;
  13. border-width: 0px;
  14. padding: 0px;
  15. margin: 0px;
  16.  }
  17. body {
  18.     font-family : tahoma;
  19.     font-size   : 10pt;
  20.     color: #000000;
  21.     background-color: #434343;
  22. }
  23. .regulamin {
  24.     font-family : tahoma;
  25.     font-size   : 10pt;
  26.     color: #FFFFFF;
  27. font-weight: bolder;
  28. text-align: center;
  29. 	margin-left: 30px;
  30.               margin-right: 30px;
  31. font-weight: bolder
  32. text-align: center
  33. }
  34. #strona {
  35.     margin     : auto;
  36.     padding    : 0px;
  37.     width      : 1034px;
  38. }
  39. #naglowek {
  40.     margin     : 0px;
  41.     border     : none;
  42.     padding    : 0px;
  43.     width      : 1034px;
  44.     height: 99px;
  45.  
  46.     background: url('http://www.active.elaz.pl/allegro/images/1_03.jpg');
  47. }
  48. #kolumnaLewa {
  49.     margin  : 0px;
  50.     border  : none;
  51.     padding : 0px;
  52.     width   : 323px;
  53.  
  54.     float   : left;
  55. }
  56. #regulamin {
  57.     margin     : 0px;
  58.     border     : none;
  59.     padding    : 0px;
  60.     width      : 323px;
  61.     height: 57px;
  62.  
  63.     background: url('http://www.active.elaz.pl/allegro/images/1_05.gif');
  64. }
  65. #pustelewo {
  66.     margin     : 0px;
  67.     border     : none;
  68.     padding    : 0px;
  69.     width      : 323px;;
  70.     background: url('http://www.active.elaz.pl/allegro/images/1_09.gif');
  71. }
  72. #kontakt {
  73.     margin     : 0px;
  74.     border     : none;
  75.     padding    : 0px;
  76.     width      : 323px;;
  77. height: 56px;
  78.     background: url('http://www.active.elaz.pl/allegro/images/1_14.gif');
  79. }
  80. #wysylka {
  81.     margin     : 0px;
  82.     border     : none;
  83.     padding    : 0px;
  84.     width      : 323px;;
  85. height: 55px;
  86.     background: url('http://www.active.elaz.pl/allegro/images/1_16.gif');
  87. }
  88. #dollewo {
  89.     margin     : 0px;
  90.     border     : none;
  91.     padding    : 0px;
  92.     width      : 323px;;
  93. height: 19px;
  94.     background: url('http://www.active.elaz.pl/allegro/images/1_18.gif');
  95. }
  96. #kolumnaprawa {
  97.     margin  : 0px;
  98.     border  : none;
  99.     padding : 0px;
  100.     width   : 711px;
  101.  
  102.     clear         : none;
  103.     float         : right;
  104. }
  105. #prawagora {
  106.     margin     : 0px;
  107.     border     : none;
  108.     padding    : 0px;
  109.     width      : 711px;;
  110. height: 81px;
  111.     background: url('http://www.active.elaz.pl/allegro/images/1_06.gif');
  112. }
  113. #prawasrodek {
  114.     margin     : 0px;
  115.     border     : none;
  116.     padding    : 0px;
  117.     width      : 711px;;
  118.     background: url('http://www.active.elaz.pl/allegro/images/1_12.gif');
  119. }
  120. #prawadol {
  121.     margin     : 0px;
  122.     border     : none;
  123.     padding    : 0px;
  124.     width      : 711px;;
  125. height: 19px;
  126.     background: url('http://www.active.elaz.pl/allegro/images/1_19.gif');
  127. }
  128.   </STYLE>
  129.   <BODY>
  130. <center><div id="strona"></center>
  131. <div id="naglowek"></div>
  132.  
  133. <div id="kolumnaLewa">
  134. <div id="regulamin"></div><div id="pustelewo"><p class="regulamin">Po wygranej aukcji czekam na wpłatę. 
  135. Nie chcesz kupić - nie licytuj - unikniesz problemów. Komentarz wystawia pierwszy kupujący - jako potwierdzenie otrzymania towaru. 
  136. Przeczytaj wiadomość po wygraniu aukcji w e-mailu z Allegro.</p>
  137. </div>
  138. <div id="kontakt"></div>
  139. <div id="pustelewo"></br></br></br></br></br></div>
  140. <div id="wysylka"></div>
  141. <div id="pustelewo"></br></br></br></br></br></div>
  142. <div id="dollewo"></div>
  143. </div>
  144.  
  145. <div id="kolumnaprawa">
  146. <div id="prawagora"></div>
  147. <div id="prawasrodek"></br></br></br></br></br></br></br></br></br></br></div>
  148. <div id="prawadol"></div>
  149. </div>
  150. </div>
  151.   </BODY>
  152. </html>
[HTML] pobierz, plaintext
pioch
24.08.2007, 21:55:49
ustaw margin: 0 auto; dla strony
krzychu0808
25.08.2007, 22:21:12
[pioch]
ustaw margin: 0 auto; dla strony

Możecie mi wytłumaczyć o co chodziło pioch bo ustawiłem "margin: 0 auto;" dla :
[HTML] pobierz, plaintext 
  1. body {
  2.     margin: 0 auto;
  3.     font-family : tahoma;
  4.     font-size   : 10pt;
  5.     color: #000000;
  6.     background-color: #434343;
  7. }
[HTML] pobierz, plaintext


i

[HTML] pobierz, plaintext 
  1. #strona {
  2.     margin     : 0 auto;
  3.     padding    : 0px;
  4.     width      : 1034px;
  5. }
[HTML] pobierz, plaintext


edit
Już Rozgryzłem ten odstęp między Regulamin a Kontakt dlatego że był w tym wolnym polu znacznik <p> i musiałem zrobić:
[HTML] pobierz, plaintext 
  1. .regulamin {
  2.         margin     : 0 auto;
  3.     border     : none;
  4.     padding    : 0px;
  5.     font-family : tahoma;
  6.     font-size   : 10pt;
  7.     color: #FFFFFF;
  8. font-weight: bolder;
  9. text-align: center;
  10. 	margin-left: 30px;
  11.               margin-right: 30px;
  12. font-weight: bolder
  13. text-align: center
  14. }
  15.  
  16.  
  17. <p class="regulamin">xxxxxxxxxxxxxx</p>
[HTML] pobierz, plaintext


Zmieniłem tabele prawą na kolor zielony i zauważyłem że on dobija do prawej strony okna czyli że nie widzi tego głównego div Strona... Prosze o pomoc exclamation.gif!!
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.