Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Margines między div'ami
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
pepies
Witam serdecznie.
Mam dość poważny problem...
Divy które tworze pod sobą mają pewien margines którego nie mam pojęcia jak usunąć.
Są to 3 Div'y przynależne do jednego nadrzędnego Div'a main

Całość CSSa wygląda tak:
  1. body {
  2. font-size: 12px;
  3. font-family: Tahoma, Verdana, serif;
  4. color: #666;
  5. margin: 0;
  6. padding: 0;
  7. background: #66B11C url(../images/gora_bg.jpg) top left repeat-x;
  8. text-align: left;
  9. }
  10.  
  11.  
  12. #main {
  13. float:center;
  14. height: auto;
  15. width: 758px;
  16. }
  17.  
  18. #content {
  19. font-family: "Times New Roman", Times, serif;
  20. font-size: 15px;
  21. background-color:#FFFFFF;
  22. width:100%;
  23. height:auto;
  24. margin: auto;
  25. }
  26.  
  27. #stopka {
  28. background-color:#FFFFFF;
  29. width:100%;
  30. margin:auto;
  31. }
  32. #flash {
  33. width:100%;
  34. margin:0;
  35. }



a w htmlu:
  1. <div id="main">
  2. <div id="flash"> objekt flash </div>
  3. <div id="content">treść</div>
  4. <div id="stopka">stopka</div>
  5. </div>


dorzucam screen który obrazuje w czym jest problem smile.gif
grzesiek_g
Dodaj do nich float:left;
VegetaSSJ
Po pierwsze w kodzie parametr ID powinien być unikalny dla całej strony, czyli wystąpić tylko raz, nie można używać na stronie takiej sekwencji:
  1. <div id="content"></div>
  2. <div id="content"></div>
  3. ...


Chodzi o zgodność z xhtml ale przede wszystkim o JavaScript która posiada metody pobierające elementy po właśnie parametrze id. Jeżeli nie możemy zapewnić unikalności dla elementu id używamy parametru class

  1. <div class="content"></div>
  2. <div class="content"></div>
  3. ...


Co do twojego problemu to nie rozumiem po co używasz

  1. #main
  2. {float:center;}


Po za tym problem tkwi tu:

  1. #content {
  2. font-family: "Times New Roman", Times, serif;
  3. font-size: 15px;
  4. background-color:#FFFFFF;
  5. width:100%;
  6. height:auto;
  7. margin: auto;
  8. }


jeżeli chcesz zdefiniować własny margines dla parametru div powinieneś zrobić to tak:

  1. div.content
  2. {margin: górny prawy dolny lewy;}


Poza tym właściwość font powinna być nadawana dla elementu <p> a nie <div> czyli np;

  1. div.content p
  2. {font: italic bold 15px Verdana;}
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.