question about css

sudhakararaog · Joined: 01 Oct 2009 Posts: 99

i am having a small issue with font size in browsers.

i am using smarty template engine to create websites, i have originally created the html pages using css after slicing in photoshop. the pages look similar with respect to font sizes in all browsers

when i integrate this html page into smarty i am using a copy of a template in smarty to create a website, so this copy also has a css file, i have commented most of the code in this css file which is in the smarty folder and i have used my css code which i initially created.

the problem i am facing is with firefox only and all other browsers work fine

only in firefox the text for h1, h2, p, ul li, a... etc are all appearing 1px smaller in size when compared to all other browsers

i have tried using !important and inline styles however only firefox is displaying the text in the entire page 1px smaller compared to all other browsers which is not consistant.

i have the following in the css file
* {
margin: 0;
padding: 0;
border: 0;
}
body {
background: #ffffff;
font: normal 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

please advice.

any help will be greatly appreciated.

thanks.

sticks464 · Joined: 31 Dec 2006 Posts: 2625

Try this.

sudhakararaog · Joined: 01 Oct 2009 Posts: 99

thanks for replying

i have tried

body { font-size: 62.5%; }
and for the container

#contentholder {
width:864px;
margin:0 auto;
padding:0;
font-size: 1.2em;
}

however in firefox there is still that 1px smaller font size for the entire content compared to other browsers

sticks464 · Joined: 31 Dec 2006 Posts: 2625

You may want to give this a read. A different method.