[CSS] IE vs FireFox... inny wyglad strony

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
boruta_m
Nowy
Nowy
Posty: 78
Rejestracja: sob paź 30, 2004 9:46 pm
Lokalizacja: Łódź

[CSS] IE vs FireFox... inny wyglad strony

Post autor: boruta_m »

Witam.

Napisalem sobie styl do stronki:

Kod: Zaznacz cały

BODY {
	 background: #FFCA40;
	 font-family: Arial;
	 font-size: 10pt;
	 color: black;
}
A {
  color: #906C00;
  text-decoration: none;
  font-family: Arial;
  font-size: 10pt
}
A:hover {
		color: #FFFFFF;
		text-decoration: none;
		font-family: Arial;
		font-size: 10pt;
}
A:active {
	color: #E30000;
	text-decoration: none;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
}
A.duze {
  color: #AFAFAF;
  text-decoration: none;
  font-family: Arial;
  font-size: 14pt
}
A:hover.duze {
		color: #FFFFFF;
		text-decoration: none;
		font-family: Arial;
		font-size: 14pt;
}
A:active.duze {
	color: #E30000;
	text-decoration: none;
	font-family: Arial;
	font-size: 14pt;
	font-weight: normal;
}
A.wielkie {
  color: #AFAFAF;
  text-decoration: none;
  font-family: Arial;
  font-size: 30pt
}
A:hover.wielkie {
		color: #FFFFFF;
		text-decoration: none;
		font-family: Arial;
		font-size: 30pt;
}
A:active.wielkie {
	color: #E30000;
	text-decoration: none;
	font-family: Arial;
	font-size: 30pt;
	font-weight: normal;
B {
   	 font-family: Arial;
	 font-size: 10pt;
	 font-weight: bold;
}
P {
    color: black;
	font-family: Arial;
	font-size: 30pt;
	font-weight: bold
}
H1 {
    color: black;
	font-family: Arial;
	font-size: 12pt;
}
HR {
   border: dashed;
}
TABLE {
	background: #FFCA40;
	font-family: Arial;
	font-size: 10pt;
}
.rama {
	
}
.menu {
	font-weight: bold;
	font-size: 8pt
}
.tytul {
	font-weight: bold;
	font-size: 10pt;
}
.wielkie {
	color: white;
	font-family: Arial;
	font-size: 30pt;
	font-weight: bold
}
.stopka {
	color: black;
	font-family: Arial;
	font-size: 7px;
}
I problem polega na tym, ze pod IE jest wszystko ladnie a pod FF wyglada to inaczej. Tekst ma wogole inne rozmiary, takie wszystko tej samej wielkosci i nie ma pogdubienia. Jak temu zaradzic?

Z gory dzieki za odpowiedz
Balas
Moderator
Posty: 252
Rejestracja: wt sie 02, 2005 12:53 pm
Lokalizacja: Inowroclaw
Kontakt:

Re: [CSS] IE vs FireFox... inny wyglad strony

Post autor: Balas »

Zmień wszystkie "A", "BODY" etc na pisane z malej litery, ustaw wysokość czcionki za pomocą em lub px, a nie pt. Dodatkowo dodaj na końcu każdej linijki średnik, bo w niektórych miejscach go gubisz.
btw. Validator css
boruta_m
Nowy
Nowy
Posty: 78
Rejestracja: sob paź 30, 2004 9:46 pm
Lokalizacja: Łódź

Re: [CSS] IE vs FireFox... inny wyglad strony

Post autor: boruta_m »

pomoglo ;) wielkie dzieki ;)
ODPOWIEDZ