overflowing text

forry · May 9th, 2008, 13:21

Hi, i have design a site using css. it has a container round the whole site.
It looks and works fine in both IE and firefox at a resolution of 1280 by 1024.

I viewed it on a wide screen monitor with a screen resloution of 1680 by 1050.
All the text on the pages scrolls out of the container and down passed the bottom of the site.

I noticed that the font size on the browser was set to largest so this may be why it was doing it.

Is there a way to keep the text contained within the container even when the text size is set to largest

Thanks

spinal007 · May 10th, 2008, 14:51

The true solution is: don't specify a height for your container.

But if you must, you can use overflow:hidden to, erm, hide the overflow. Alternatively you can write some clever javascript that will resize the text to make it fit. There is a jQuery plguin that automatically resizes text to fill a container, but I can't find it anywhere, sorry!

bonnit · May 11th, 2008, 13:53

erm wouldnt you just set it as overflow:auto, that way it would display as much text as the size of the container would allow (set within css) and then the user can scroll down the rest of the text?

spinal007 · May 12th, 2008, 08:19

for some reason I assumed he didn't want scrollbars. but yeah, that's the proper way of doing it. lol