Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][html] W Operze i Mozilli wycentrowuje w pionie
Forum PHP.pl > Forum > Przedszkole
poxrimex
29.02.2008, 19:08:43
tak jak w temacie w operze i mozilli wycentrowuje w pionie nagłówek h1

[HTML] pobierz, plaintext 
  1. <div class="site">
  2. <div style="float: left; background-color: yellow;">
  3. <h1>Zasady</h1>
  4. </div>
  5. </div>
[HTML] pobierz, plaintext


CSS:

[HTML] pobierz, plaintext 
  1. div.site
  2. {
  3. clear: both;
  4. width: 780px;
  5. margin-left: auto;
  6. margin-right: auto;
  7. }
  8.  
  9. h1
  10. {
  11. color: #ffa800;
  12. font-family: Arial, Helvetica, Verdana, sans-serif;
  13. font-size: 16px;
  14. }
[HTML] pobierz, plaintext


oczywiście nie dzieje się tak bez dodania:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
[HTML] pobierz, plaintext


a po dodaniu tego jest wszystko ok tylko ten element jakby miał ustawione margin-top: 1px;
Daimos
29.02.2008, 19:33:57
nie wiem w czym problem, tzn nie wiem czy dobrze zrozumialem
napisz 
[HTML] pobierz, plaintext 
  1. body{margin: 0}
[HTML] pobierz, plaintext

tak pozatym to centrujesz w poziomie!
a takie cos
[HTML] pobierz, plaintext 
  1. margin-left: auto; margin-right: auto;
[HTML] pobierz, plaintext

mozesz zapisac tez:
[HTML] pobierz, plaintext 
  1. margin: 0 auto;
[HTML] pobierz, plaintext
poxrimex
29.02.2008, 20:11:54
źle mnie zrozumiałeś
nagłówek h1, który jest w divie gdzie styl jest podany w pliku index.html centruje pionowo, tylko pod tym co napisałem na samym dole i tylko pod przeglądarkami Opera i Firefox
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.