[sudhakararaog]

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.

[maneetpuri]

HI,

If you have define the Font Size to 12px then every browser treat it 12 px. It's very strange that firefox is showing 1px smaller then the other browsers.

May be your firefox is zoomed in. Press CTRL+0 to reset.

Hope this helps,
Cheers,

[sudhakararaog]

thanks for replying.

that worked i reset the zoom in firefox

[adlamb]

mark as solved for us all please :-)

[byrosemuji]

I have a table with 61 rows and 4 columns. Names, email, phone,
> affiliation.
>
> I want to have a solid 1px bottom border for each row. But I am not
> smart enough with CSS to figure out how to do this without giving a
> class to each TD (there are 244 of them) And I want there to be about
> 8px of margin underneath that border, or before the next person's
> name.
>
> How could I do this? I just want a bottom border. I've tried giving
> the <tr> a class that has a border-bottom assigned to it, but haven't
> been able to make it work.[/color]

If you want all the cells to have the same style, you *don't* need to give a
class to each! Suppose you give a class to the table:

<table class="someclass">

Now you can give properties to all the cells, for example:

table.someclass td { border-bottom: 1px solid red; }

This is a "decendent" or "contextual" selector, and it applies to all <td>s
found within the context of a table with the "someclass" class. It will
automatically apply to all 244 of them.

There are various ways of making space. For example, you may try:

table.someclass td { padding-bottom: 8px; }

This sort of selector is mind-blowingly powerful. Experiment, and find how to
achieve far-reaching effects with minimum impact on the HTML.
______________________________________________
child support and unemployed
wedding venues wales