bakgrund i h1 blir knas

2 svar · 191 visningar · startad av silfver 6 okt. 2004

silfverMedlem sedan apr. 200312 679 inlägg

Frågan6 okt. 2004 18:49#1

Hej!

Varför blir inte dessa likadana i Firefox?

h1 {
	border: solid 1px #ccc;
	padding: 3px 6px 3px 6px;
	margin: 0;
	font-weight: bold;
	background-image: url(/css/dvbg.gif);
	color: #000;
	font-size: 11px;
}

div.test {
	border: solid 1px #ccc;
	padding: 3px 6px 3px 6px;
	margin: 0;
	font-weight: bold;
	background-image: url(/css/dvbg.gif);
	color: #000;
	font-size: 11px;
}

I Firefox blir bakgrunden alldeles utdragen och lustig. Någon som vet hur jag ska ändra på detta?

Mvh,
silfver

silfverMedlem sedan apr. 200312 679 inlägg

6 okt. 2004 18:54#2

Hm... Det var min meny med marginaler som gjorde det hela väldigt lustigt. Om man la till

<div style="height: 20px; overflow: hidden;"></div>

så försvann problemet. Lustigt! Ledsen om jag var lite för bekväm av mig.

desdecadoMedlem sedan juli 2004206 inlägg

8 okt. 2004 07:53#3

En liten tumregel när ett CSS strular i någon webläsare: ge endera margin eller padding en liten känga genom att sätta den till ett värde alternativt sätta den till -1px eller 1px (minus verkar fungera bättre). Lita aldrig på att defaultvärdet är satt i någon webläsare. =)