I have a page on my website that has a lot of text. On Firefox the text automatically fits to the screen so I don't have to scroll. In Internet Explorer, however, the text doesn't automatically fit to the screen and the visitor has to scroll to the left/right. How can I fix this? Is there a CSS code or anything? Please let me know, I'd appreciate any advice!

Though this topic is old, hopefully my help will be used.

Depending on the width settings, you could try setting the width in your css layout by percent instead of pixels. This should help the display. In order for things which need a certain width to work properly, you can set a min-width and auto margins to center anything.

Hopefully I didn't ramble too much, but that should have your explanation in it somewhere...

-Rick Rolled

If you do go with a percentage based layout, then don't forget to apply a min-width (http://brugbart.com/References/CSS-min-width-Property_109.html) to the outer container.

Thats the only way to avoid elements getting pushed around, if you are using float for your navigation menu and the content itself.

i like to ask that i can see the code that's giving you trouble or the web site itself. Then I can help you come to a decision of what you want to do with your web page.

Personally I try to stay away from percents cause they drive me bonkers, but that's just me. They do have their uses for defining a width of an element.

Personally I like using margin tags in CSS. Having just first read about this min-width CSS tag (and it works too lol) i would def use margins more than a width with a percent.

I tried a scenario of what I thought your trouble was and this is the code I came up with.

div#test {margin: 0px 200px 0px 200px; /*top left bottom left */
min-width: 500px;}

notice there isn't a width tag? that's because the margins will set the width to 200px away from the farthest right and left sides of the page. So the width will change depending on the screen resolution of the persons computer but it will never go below 500px which was set with the min-width (so happy to have learned min-width, sooo handy lol)

Hope that helps you and hope the explanation wasn't too long

Keep it REaL,
UMSL