Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]centrowanie + jeszcze mały margin-left
Forum PHP.pl > Forum > Przedszkole
cent4
Witam.
Mam wycentrowanego diva ale potrzebuję go jeszcze oprócz centrowania przesunąć o 15 pikseli z lewej strony.
Kod:
  1. #TRESC{
  2. margin : auto;
  3. margin-left : 15px;
  4. width : 1065px;
  5. padding : 20px 20px 20px 20px;
  6. font-family : Arial, sans-serif, Lucida, Helvetica;
  7. font-size : 14px;
  8. text-align : justify;
  9. overflow : auto; /* SUWAKI */
  10. color : #000000; /* kolor czcionki */
  11. background : #ffffff;
  12. }


No i efekt jest taki, że w Internet Explorerze jest ok (wycentrowany i jeszcze trochę przesunięty), natomiast w Firefoxie mam diva totalnie przesuniętego do lewej krawędzi i odsuniętego o 15px.

Co jest nie tak?
altruista2
Tak nie można robić, i to właśnie Firefox poprawnie wyświetla.

Powinieneś zrobić tak:
  1. #TRESC{
  2. width : 1065px;
  3. margin-left:15px;
  4. padding : 20px 20px 20px 20px;
  5. font-family : Arial, sans-serif, Lucida, Helvetica;
  6. font-size : 14px;
  7. text-align : justify;
  8. overflow : auto; /* SUWAKI */
  9. color : #000000; /* kolor czcionki */
  10. background : #ffffff;
  11. }
  12. #TRESC-CONT {
  13. margin:auto;
  14. width:1080px;
  15. }
  16.  
  17. <div id="TRESC-CONT">
  18. <div id="TRESC">treść</div>
  19. </div>
  20.  
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.