Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Margines między div'ami
pepies
post
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 31.03.2008

Ostrzeżenie: (0%)
-----


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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
(IMG:http://img380.imageshack.us/img380/5371/problemui3.jpg)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
grzesiek_g
post
Post #2





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

Ostrzeżenie: (0%)
-----


Dodaj do nich float:left;
Go to the top of the page
+Quote Post
VegetaSSJ
post
Post #3





Grupa: Zarejestrowani
Postów: 78
Pomógł: 2
Dołączył: 21.10.2006

Ostrzeżenie: (0%)
-----


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;}
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.12.2025 - 13:54