CSS - Font-size Issue!

Whats the best way to fix font size?

I use CSS. The font size seems to stay fix on IE but not on Mozilla and Netscape.

Also I notice when I use adgui font it stay fix no matter in what browser and no matter at what text view. Why is that. Are there more of this kinda fonts?

Bottom line, whats the best way to fix the size of fonts regardless of browser and at what text view.

Thanks for you help
Liz

Hello,

I have something has follows:

<div>
...
<table>
...
</table>

</div>

My document font size is 1em.

My div font size is 1.4em.

What should be the font-size in my table to get back to the 1em of the document?

Thanks,
Miguel

I have a style.css file included on all pages
i want to sent default font and size, for all the text where i haven't already set something

What is the best way to make compatble text size between browser?

I have a div with a width of 300px, I pasted some text in it, it appears identical with firefox, chrome and safari (the letters are the exact same place), but when it comes to IE 8 (probably 6/7 too), the text is not displayed at the same place.

Hello all. THis is my first post here .
I use em to define font-size at my site.

At main css file...
body { font-size: 76%; }
tr, p, div, td, div { font-size: 1em; }

at secondary css file...
div#content_area .contentpaneopen {
font-size: 1.1em ;
line-height: 1.3em;
}

The problem is that the text (content_area) displays correctly on firefox and Opera and wrong on IE. I need em because i use a auto font resize javascript file.I am trying to find what is wrong for days...!

please check at this link...

I am sorry about the greek encoding
Thank you

Hi

I have applied this style to a drop down. However, the font size only appears at 10px in FF and not IE. Any ideas why?

<option style="font-family: Verdana;
background: #E0EAF8;
font-size: 10px;" value="link">link text</option>

Hello:

I'm building a website for a broad audience. I need there to be an option for text to be resized for those who have trouble with reading screens. I am trying to have the text on HTML pages be changeable through CSS.

Two examples I offer are

1. wired.com
2. 1and1.com

On the top right corner of the screen, there are options to change the text size without switching to a new HTML page. I believe this is done using CSS (perhaps Live StyleSheet Selector). I'm not really sure.

I would like for the user the have the option to change the font-size by clicking, not by repositioning the window (then the size changing relative to window size).


If anyone can help me, I would really appreciate it. Thanks!

Deanna

How can I randomize text size on a website? Like the ones done with the "tags" found on many wordpress blogs? Nothing too crazy, I just want to display words randomly and have some of the text bigger than others.

I have set up a test for several basic CSS-layouts, like 3-column layout, frame-like layout/behaviour etc. and I noticed some strange behaviour in IE.

Here is a number of layouts that I have created:
http://www.duwgati.nl/csstest

In layout samples 1 - 4 the fonts show up smaller than in the samples 5 -7, even though the font-size declaration is identical in all 7 samples. This only happens in IE, in Mozilla/Firefox, the fontsizes are correct in all 7 samples.

Anybody got a clue why this is happening?

I need to shrink the fonts for the following classes on blogspot:
post-body
date-header

but for some reason it refuses to shrink below 100% or 1em

Even in firebug, adding properties to element.style, the font refuses to shrink below 100%. Even when i switch off all inherited values for font values it refuses. It does however grow to any size larger than 100%.

Other elements' fonts do shrink to any value, it is only these (and possibly others) that do not shrink.

blogspot in question is http://secretfarts.blogspot.com

Any ideas?

built a drop down using array...
i did it this way so if they omit another item in page, the county they selected will reappear..but how do i change the font size of the county names in the array....they appear in such small print???? had posted in php forum, but someone suggested posting here...

PHP Code:
<table width="100%">
                         <? if( ($msgcounty == "e") && (isset($_POST['submit'])) )  {?>
                            <tr>
                            <td><font face="Arial, Helvetica, sans-serif" size="2" color="#ff0000"><b>County:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></font>
                        <? } 
                          else 
                          { ?> 
                            <tr>
                            <td><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>County:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></font>
                            
                            <? }  ?>
<?    $county = array (1 => 'county',
'Adams County',
'Allen County',
'Wells County',
'White County',
'Whitley');

      foreach ($county as $key => $value)
          { 
if ($countyselecter==$value) {
$optionselected = "selected";
}else{ 
$optionselected = "";
}

$selectcnty.= "<option value=\"$value\" ".$optionselected."> $value</option>\n";}


?><select name="countyselecter"> 
       <? echo $selectcnty;  ?>     

       </select>

</td>
</tr>
</table> 

Hi

I'm using a css file for the layout of my website. But I'd like to define the default font size but I can't! I mean the size of the font that's under no special style. I think it's something like:

Code:

.body
{ font-size: 10px; }

Or similar (instead of 10px, small)... anybody knows exactly hoy can I do it?

I've read several books such as Dan Cederholms, "Web standard solutions" and Eric Meyers on CSS, but I've yet to come across anything that delves into the specifics between declaring font-size attributes of px, %, em . I've always kind of used px for my sites, but I've seen some sites that use percentages and others that use em. What are the best uses for each one? How exactly does the % and em know what size to be?

FYI: I didn't mention 'pt' because I do in fact know the purpose of it for printing web documents.

Feel free to discuss or even post a great link that covers everything.

Thanks!

I know this topic has been discussed a number of times in the past and I have read some of them. Kravittz I do appreciate all your knowledge in this area as you have answered a lot of my questions already.

But I do have a few problems yet.

I am switching now to set the font size in body as
Code:

body {
	font-family:Verdana, Tahoma, Arial; 
	font-size: 85%;
	color: #000000;
	background-color: #FFFFFF;
}

(actually not sure if I like Verdana or the good ol' Arial first. that is a different question)
Anyway, I set the font to 85% for body.
then for <p>
Code:

p {
	font-size: .8em;
}

That seems to look fine. but first question is for links <a>. I have some links that are just be themselves or sometimes in a <div> tag. Those ones are very large. So I set the size like this.
Code:

a:link {
	text-decoration: underline;
	color: #000000;
	font-size: .8em;
}

that works fine but them for the few links that are inside of a <p> tag it seems to adjust the size twice, once for <p> tag and then again for <a> tag. Thus making it twice as small as I really want.

How do I fix that? Do I need to make a whole bunch of psuedo classes for all those instances? Seems like there should be an easier way.

Any suggestions? Thanks!