Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Kontenet treści
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
pripriv
Witam.
Mam kolejny problem. Zrobiłem kontener treści. Składa się on z 3 plików góra ( cont.png), środek (contm.png) i dół (cond.png). Po złożeniu tego w całość, i ustawieniu tego za pomoca display:block; powstają mi dziwne przerwy między tymi plikami.
wygląda to mniej więcej tak:

wyciag z css:
  1. #cont {
  2. display: block;
  3. background: url(img/cont.png);
  4. width:732px;
  5. height:14px;
  6. }
  7. #contm {
  8. display: block;
  9. background: url(img/contm.png);
  10. width:732px;
  11.  
  12.  
  13. }
  14. #contd {
  15. display: block;
  16. background: url(img/cond.png);
  17. width:732px;
  18. height:14px;
  19.  
  20. }
  21. #contm p{
  22. color: #fff;
  23. width:700px;
  24. margin-left: 15px;
  25. padding: 5px 5px 5px 5px;
  26. }
  27.  
  28. #contm p a{
  29. color: #F0FFD1;
  30. text-decoration: none;
  31. font-weight:bold;
  32.  
  33.  
  34. }
  35. #contm p a:hover{
  36. color: #A4C955;
  37. text-decoration: none;
  38. font-weight:bold;
  39.  
  40. }


Jak to złożyć by w każdej przeglądarce wyglądało dobrze.
Sephirus
Wyzeruj tym elementom marginesy górne i dolne

  1. margin:0;
pripriv
Po wyzerowniu marginesu, góra się "złożyła" natomiast, dalej mam problem z dołem.
Jezeli do ostatniego diva, odpowiedzialnego za wyswietlanie zakończenia kontenera dam dolny margines na poziomie -11px, to w IE i FF wygląda dobrze, natomiast w google chrome, dół nakłada się na środek.
Sephirus
Kurcze ciężko jest tak kombinować bez pełnego kodu - masz to na jakiejś stronie? Problem wydaje się być banalny więc coś musiałeś ustawić źle... dobrze by było to zobaczyć z bliska
pripriv
http://rethorn.art.pl/k01
viking
Przerwa pojawia się ze względu na marginesy i paddingi w #contm > p. Zresetuj odpowiednio i zainstaluj firebuga smile.gif Swoją drogą za dużo divów. ul w menu możesz ostylować bezpośrednio, footer tak samo. margin: 0px 0px 0px 0px -> margin: 0; itd.
mikolaj51
Witaj,

do #contm p w css dodaj margin: 0px;

  1. #contm p {
  2. ...
  3. margin: 0px;
  4. ...
  5. }
  6.  


//EDIT: Zostałem wyprzedzony tongue.gif
pripriv
Wielkie dzięki panowie.
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.