Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Changing a web browsers default font size from 16px adversely affects the layout of the 3 divs that I have floated within my header div. Considering that the 3 header divs are fixed elements and not part of the site content or navigation as such, would it be better for me to fix the font size of the text in each div?

The affected site is here, if you change your browsers default font size to 15 or 17, for example, then you will notice that the positioning of the 3 divs becomes badly affected. I presume that this is due to me implementing the div floating incorrectly, the content div is configured the same as the header div but resizes elegantly if the font size is decreased or increased.

The other alternative would be for me to just implement an image rather than divs containing heading text but I would then lose the SEO benefits that the non-graphical text provides.

Many thanks in advance, Andy

share|improve this question
up vote 1 down vote accepted

Normally, when dealing with text, especially within the main content area, I would suggest leaving the font fluid so that the user has as much control as needed in order to properly use the content.

However, in this circumstance, it is header text, which is already oversized and quite legible.

In this case, I would set a static font-size to maintain the design.

share|improve this answer
Thank you Jason, that confirms what I was thinking. Now I just need to get each browser to render the font size the same. – Andy Bowskill Jun 18 '11 at 11:32

The better option would be setting the static font size according to div.For different divs,we can use different font sizes and also we can use a default font size for the body maybe

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.