Re: paragraph spacing in different browsers

by Jens Brueckmann <lists(at)j-a-b.net>

Date:	Tue, 13 Jan 2004 21:50:49 +0100
To:	fatgraffix <info(at)fatgraffix.com>, "hwg-techniques(at)hwg.org" <hwg-techniques(at)hwg.org>
References:
	todo: View Thread, Original

Hi fatgraffix,

On Tue, 13 Jan 2004 11:55:28 -0800, fatgraffix <info(at)fatgraffix.com> wrote:

> the problem is different browsers give inconsistent amounts of spacing 
> to paragraphs inside of table cells...
>
> http://www.fatgraffix.com/test_03/
>
> does anyone know a fix for making things render consistently?

You will never achieve that a page looks identical in all browsers. 
However, your problem can be solved with adding some padding [1]  to the 
<p>-element:

.copy_right {
	padding: 5px;
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: auto;
}

You might want to change the value of the padding-attribute to your needs. 
I also added two more attributes, text-align [2]  and margin [3] , which 
make the surrounding <table> obsolete, centering both the <p>-element and 
its contents.

Cheers,

jens

[1]  http://www.w3.org/TR/CSS21/box.html#propdef-padding
[2]  http://www.w3.org/TR/CSS21/text.html#propdef-text-align
[3]  http://www.w3.org/TR/CSS21/box.html#propdef-margin
-- 
Jens Brueckmann
http://www.j-a-b.net/

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA