Problem med padding på stycken

5 svar · 256 visningar · startad av Troxy 2 maj 2005

TroxyMedlem sedan mars 20041 505 inlägg

Trådstart2 maj 2005 11:35#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 maj 2005 11:46#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

2 maj 2005 14:25#3

Tack, det fungerade med det första.

TroxyMedlem sedan mars 20041 505 inlägg

2 maj 2005 15:50#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

2 maj 2005 16:15#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

2 maj 2005 16:26#6

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