Previous Message
Next Message

CSS mailing list

Sent by Zoe Gillenwater on 30 January 2004 12:12


Asif Iqbal wrote:

>Is there anyway I can see the content of a page without a horizontal scroll bar.
>Currently the width of the page sometime gets bigger than my screen and I have
>to scroll left and right to see the whole page. I think I am looking for some
>CSS tips that will auto adjust the width of my web page to my monitor's width
>

Basically, use percents as your element dimensions, and if everything 
adds up to a little less than 100% horizontally (various bugs and 
rounding errors prevent you from accomplishing 100% exactly), you will 
permanently banish the scroll!  This is called fluid layout.  If you 
look at the Wiki's list of 3-column layouts [1], you will notice that 
there is a column that states whether each design is fluid or not.  
Check out some of these fluid examples for ideas of what you can do and 
how to do it.

[1] http://css-discuss.incutio.com/?page=ThreeColumnLayouts
[2] http://www.allmyfaqs.com/faq.pl?AnySizeDesign - more explanation of 
the reasoing behind fluid layouts, with links to resources to learn more

Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message