Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css]Odstęp pomiędzy obramowaniem a następnym divem
Forum PHP.pl > Forum > Przedszkole
poxrimex
Div stopki:

  1. #stopka
  2. {
  3. width:900px;
  4. margin-left: auto;
  5. margin-right: auto;
  6. clear: both;
  7. border-top-width: 1px;
  8. border-top-color: #DDDDDD;
  9. border-top-style: solid;
  10. }


Mam problem, gdyż po wyświetleniu strony odrazu górne obramowanie tego elementu jest przy innym divie jak zrobić odstęp?
tomeksobczak
margin-top ?
-chlebik-
Skoro masz 'margin-left: auto' i tak samo jest z 'margin-right: auto' to moze skumuluj to (plus to, ze potrzebujesz odstepu na gorze) i zapisz:

Kod
margin: 30px auto;
poxrimex
Margin top działa mi pod operę i IE ale pod mozille już nie. Może macie jeszcze jakiś pomysł?
Daimos
pokaz kod jaki masz teraz
poxrimex
Kod:

  1. #menu
  2. {
  3. float: left;
  4. width: 300px;
  5. text-align: center;
  6. background-color: white;
  7. margin-left: auto;
  8. margin-right: auto;
  9. clear: both;
  10. border-width: 2px;
  11. border-color: #DDDDDD;
  12. border-style: solid;
  13. text-align: center;
  14. }
  15.  
  16.  
  17. #stopka
  18. {
  19. width:900px;
  20. margin-left: auto;
  21. margin-right: auto;
  22. clear: both;
  23. border-top-width: 1px;
  24. border-top-color: #DDDDDD;
  25. border-top-style: solid;
  26. }
  27.  
  28. <div id="stopka">
  29. Tekst &copy; 2008
  30. </div>
Daimos
no i gdzie ten margin-top, ktory to niby nie dziala?
  1. #stopka
  2. {
  3. width:900px;
  4. margin-top: 500px;
  5. margin-left: auto;
  6. margin-right: auto;
  7. clear: both;
  8. border-top-width: 1px;
  9. border-top-color: #DDDDDD;
  10. border-top-style: solid;
  11. }
to wogole nie dziala? powinno winksmiley.jpg
poxrimex
hehe teraz w Mozilli działa a w Operze nie.

Pozatym ja bym chciał żeby to było zaraz pod divem menu. Na operze wystarczyło dać znacznik <br /> i działało też na IE, a na mozilli nie działa ;/
Daimos
  1. <br style="clear:both">
poxrimex
Ty to masz głowę ... Działa ;p
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.