Forum PHP.pl > [css][html] Automatyczne margin-top pod Operą i FF?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css][html] Automatyczne margin-top pod Operą i FF?

poxrimex

14.03.2008, 18:06:22

Mam przy dodaniu tego:

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

na początku pliku mały problem:

Otóż pod Opera i FF atrybut h1 tworzy odstęp od diva, który jest nad nim.

[HTML] pobierz, plaintext 
<div class="strona">
<h1 style="height: 50px; background-color: yellow;">ACB</h1>
</div>
[HTML] pobierz, plaintext

i tu css:

[HTML] pobierz, plaintext 
div.strona
{
width: 880px;
clear: both;
margin: 0px auto;
display: table;
}
h1
{
color: black;
font-size: 16px;
}
[HTML] pobierz, plaintext

Powtarzam, że dzieję się tak tylko pod Operą i Mozillą przy dodaniu na początku pliku:

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

grzesiek_g

14.03.2008, 18:10:35

To nie dodawaj tego jak ci się strona sypie:) A poważnie to resetuj na początku domyślne style przeglądarki, łatwiej później wszystko ustawić. Arkusze do resetu znajdziesz u wujka Googla, ja tu wkleję ten co stosuję:

[HTML] pobierz, plaintext 
/*reset styles*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
lockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:"";}
fieldset,img,abbr,acronym{border:0;}
[HTML] pobierz, plaintext

poxrimex

14.03.2008, 18:13:24

no a czy jest jakaś krótsza metoda tylko na to? ;]

grzesiek_g

14.03.2008, 18:16:22

Przegladarki mają swoje domyślne style, np p ma margin:1em 0; jeśli chodzi o h1 to w tej chwili nie pamiętam.

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.