Mimi Huang wrote:
1. Why do I have a horizontal scrollbar in my browser window (current
viewport size 814px wide, 607px high)?
Commenting out the "width: 100%;" in the body element worked for me.
You don't really need it, as you've already set the "reporttitle" div
to "width: 100%", and your "wrapper" div is fixed at 640px.
Thanks, that fixed it. I also experimented a bit and decided that I
don't need the "wrapper" div, anyway. I changed the left and right
columns to floats sized in percentages, that handles window resizing
much better.
2. When I resize the window horizontally in Firefox 1.0.4, I sometimes
get a horizontal scrollbar under the left column ... and sometimes not.
I suspect that the widths of the contents in your left column are
hovering awfully close to the hardcoded 200px width on your left
column, and that's triggering the scrollbar. You should probably make
it wider.
I set it to percentages, now only get a scrollbar when the window is
really narrow (like less than 400px).
3. When I resize the window vertically, my left column navigation drops
below the bottom of the screen, becoming invisible and unreachable even
on pages with enough content to provide a vertical scrollbar. Is this
connected with the fact that I have the header and the left column
positioned absolutely? What can I do instead?
Your header and left column are positioned with "fixed", not
"absolute", which means that they shouldn't move at all. (BTW, if you
also use "position: fixed;" on your right column, then your page would
be unable to scroll at all.)
http://westciv.com/style_master/academy/css_tutorial/properties/page_layout.html#fixed
Thanks for the link. I really like having the left column staying in
place, that's why I used fixed. But I certainly don't like having parts
of the menu off screen and useless!
BTW, does anyone else see what looks like a dark purple line above the
left column and just below the bottom border of the header?
4. Increasing the font size more than a few steps messes things up.
Would using EMs when sizing the column widths help?
You have your right column's left padding set to 200px. The moment
the font in your left column gets larger than 200px, the two columns
will overlap. Using relative units like percentages should help with
that--but you must also change the left padding on the right column to
compensate.
Done. Thanks. If anyone else wants to look it over, I updated the page
and CSS in question at:
http://www.clanjones.org/index.php
http://www.clanjones.org/css/clanjones.css
--
David
[EMAIL PROTECTED]
authenticity, honesty, community
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
