Welcome guest! Login or Sign up!
Set my location
Home Ask Browse Photos Groups Advisors Widgets IWA-HWG
Home » Basics and Web Design » Horizontal scrolling related issue

Horizontal scrolling related issue

Posted by qmoran 7 months ago
Send me Private Mail | Report Abuse

When a window size is reduced, either becuase of a smaller resolution or becuase the user reduces it from full screen to a 'window' the text on some of the pages on my site doesn't get 'bunched up' to enable the users to read it without horizonal scrolling. Why does this happen on some pages & not others. I can't work it out. Can anyone help? Thank you.
http://www.canberrabushwalkingclub.org.au/

Quentin



Hi,
It has to do with rigid sizing, using defined pixel dimensions, or from the browser not being able to size the window itself.
Looked at the source for your site briely and I would suggest doing a bit more with CSS and Div's rather than Tables. Try starting by defining that first Table as a Div with no dimension. Begin in CSS with a definition of the Body with 0 for Margin and Padding, and a default font size etc. if you want. Then put the header in a Div with only height defined. Next a Div called Main with Padding and Margin as in Body. For the left menu use a Div with Width defined as you have and a second Div called Content that has no parameters for width or height and it will resize.
I can give an example of my use:
http://crigbypubs.tripod.com
I viewed yours with FireFox 2 and it came up though I did not see your stylesheet. I can email mine or post them, although you can view them by saving in IE 6 and viewing them in the Folder with the same name as the Saved file.
Peace,
Clarke


Hi,
Forgot to say that you needed to Float that left column left. Just use float:left;
Peace,
Clarke



Post an Answer:

Your Answer: HTML is not allowed.

Answered By



crigby
Posted 64 answers.

Overall Ranking
Read_star_1


Rss_feed    Myaol_cta1    Addtomyyahoo4    Add