webForumDet fria alternativet

Problem med padding på stycken

5 svar · 252 visningar · startad av Troxy

TroxyMedlem sedan mars 20041 505 inlägg
#1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
div#content
	{
	background-color: red;
	}
div#content p
	{
	padding: 15px;
	}
form.contact p
	{
	padding: 0;
	}
</style>
</head>
<body>
<div id="content">
<p>Här ska det vara padding</p>
<form class="contact">
	<p>Här ska det inte vara padding</p>
</form>
</div>
</body>
</html>

Varför blir det padding på stycken inom formuläret "contact" för, även fast jag ange att det ska vara 0 padding?

Tacksam för svar!

martinMedlem sedan apr. 2000313 inlägg
#2

pga specifiteten. testa med

div#content form.contact p
	{
	padding: 0;
	}

eller

form.contact p
	{
	padding: 0 !important;
	}
TroxyMedlem sedan mars 20041 505 inlägg
#3

Tack, det fungerade med det första.

TroxyMedlem sedan mars 20041 505 inlägg
#4

Ett till problem med padding har uppstått, kan lika gärna ta det här:

Varför fungerar inte padding på denna tabell i IE, men det fungerar i Firefox och Opera???

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Test</title>

	<style type="text/css">
	.test
	{
	padding: 200px;
	background-color: red;
	}
	</style>
	
</head>
<body>

<table class="test">
	<tr>
		<td>Test</td>
	</tr>
</table>

</body>
</html>
zcorpanMedlem sedan dec. 20042 245 inlägg
#5

Man kan också undra varför border-spacing inte fungerar med IE. Här är en workaround till ditt problem:

.test { border:200px solid red; background:red; }

:)

(Sen om du vill ha genomskinligt blir det klurigare, för IE gör fel på border-color:transparent också :()

TroxyMedlem sedan mars 20041 505 inlägg
#6

Okej, så det var en bugg trots allt. Tack!

130 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)