Question

Apologies for this if its simple but I’m a C++ guy working on asp.net.

We’ve got a website with basically the same data entry form on two pages. It is currently coded separately on the two pages. I’m making some change and so I’ve whipped the code out into a user control ascx file. On one page (which basically just has the user control on it) it looks as it did before, on the second (which has a table above the user control) the font size has changed to become practically unreadable.

How can I control the font size in the ascx control?

Further info: The two pages both use a master page which has header, menu and footer controls in s. The master page links in the css files.

EDIT: thanks for the answers guys, allowed me to work out a simple fix, I’ve reset the font size in the table tag which contains the userControl:

<table cellspacing="4" class="tableData" style="font-size:x-small">
    <tag:name id="cntlDetails" runat="server" />
</table>

Answer 1

This feels like a stylesheet problem.

If you use IE developer tools (F12 from your IE [8 or 9] window) or FireFox Firebug plugin, then you can inspect the text on the two pages and see what style elements (be they inline or from css) you’re having problems with.

Here’s Firebug (our graphics designer prefers it way over IE): http://getfirebug.com/html

I’m taking a shot in the dark that there is a css rule that’s based on percent that’s mucking it up… For instance if there is css that shrinks all text in a table by a percent, then embedded tables in the page will do what you’re describing.

Be wary of this kind of thing:

table p {
   font-size: 70%
}

P tags in embedded elements would shrink it to 70% of 70%… basically unreadable…