asked on

Font Sizes, and those Silly Div's.....

I've noticed that my font sizes are fine in IE, but shrink way down in FF, Netscrap, and Opera.

I've also noticed that something gets screwy with my divs. They display fine in IE, but not in the rest...

any thoughts?

sandip132

Hello, I recommend you to use macromedia dreamweaver to design your web page. you can create standard code based on your target browsers....
www.adobe.com/products/dreamweaver/

kevp75

ASKER

I use it for every site I do...DW 8 to be precise...

ASKER CERTIFIED SOLUTION

b0lsc0tt

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

kevp75

ASKER

validates XHTML Transitional...except for a few pages where I have onclick events in an <a> tag

I use px for sizing purposes....

have a look. http://www.getmysupport.com. on the home page there is the one H1 tag (Welcom to....) In IE it stays where it should be, but in FF it moves down the page.....also....the links in the blue area get smaller in FF

SOLUTION

Michel Plungjan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

kevp75

ASKER

ok, but now the h1 seems screwy.....

also, part of the question was the font-size in those links in that blue area..... Why's it shrink in one, but not the other?

kevp75

ASKER

i'm actually wondering if I should start using fixed font sizes. I've been using small,medium, smaller, etc..because I've found that the text gets bigger if I make them bigger in my browsers settings (accessibility)

Would a percentage work the same way? Say something like font-size:75%;?

kevp75

ASKER

DOH!

i just figured out that text size issue. Those links in that blue area are h5's, and I don't have any styling in my stylesheet to specify what hey should be...

thanks for dealing with me :)

kevp75

ASKER

although, that h1 still seems messed up.... if you have a look at it in IE, and then FF, you'll see what I mean. In IE it's displayed right, in FF it's not:

here's my CSS for content and the H1:
h1 {
      color:#6ACA13;
      font-size:medium;
      font-weight:bold;
      border-bottom:1px solid #89919B;
      margin:0 0 5px 0;
      padding:2px 0 3px 5px;
      width:100%;
      }
#content {
      padding:0 5px 0 4px;/*t, r, b, l*/
      border-left:1px solid #F5F5F5;
      margin:0 0 10px 0px;/*t, r, b, l*/
      vertical-align:top;
      }

b0lsc0tt

> i'm actually wondering if I should start using fixed font sizes. I've
> been using small,medium, smaller, etc
Yes. I thought you answered me that you use px. I have found that either px or em is better at consistent font sizing than using other types of values. Relative values like small, medium, and large are especially bad because they are relative. Most browsers will still let people adjust font size, even if it's in px, but at least it starts at the right place and is usually not ever too small.

I'm glad you figured out one of the problems but I do hope this general suggestion will help.

bol

SOLUTION

mpn_1983

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

kevp75

ASKER

I appreciate it Matt, however your CSS snippet reduces the entire page size to be 205px wide.

i've got the div thing corrected, now the only problem is with the h1. It seems that the border-bottom does not stretch the entire width of the page

kevp75

ASKER

got it

b0lsc0tt

Great! I'm glad that I could be one of those that helped. Thank you for the grade, the points and the fun question.

bol