Philippe Wittenbergh wrote:
> On Aug 7, 2007, at 10:55 PM, Ray Leventhal wrote:
>
>
>>> Markup:
>>> http://www.newlifemontessori.org/index.php?why
>>>
>>> CSS:
>>> http://www.newlifemontessori.org/styles/newlifemontessori.css
>>>
>>> I've got overflow-y: auto; on <div id="main">, so I certainly
>>> expect to
>>> see the vertical scroll bar.
>>>
>>> I was going to ask: "Must I explicitly add overflow-x: hidden; to
>>> that
>>> element to prevent the horizontal bar at bottom? " but even with that
>>> added, the horizontal bar appears.
>>>
>> Since my original post, I realized I was 'overflow'ing the wrong
>> element. The scrolls were appearing on 'container' not 'main'.
>> I've adjusted my css, but alas....the content of main is now breaching
>> the lower boundary on this page.
>>
>> Looking forward to the solution of what is surely a newbie issue :)
>>
>
> This is causing problems:
>
>> #container {
>> width: 750px;
>> height: 800px;
>>
> Do you really want to lock down the height of the container ?
>
> Removing the height will allow the content to flow correctly. What
> exactly you want to do with the overflow property, I'm not clear.
>
>
>
Hi Philippe, et al,
I appreciate your reply.
Yes, the locking down of 'container' was a solution the site owner
wanted. They insisted on a border to the overall content ('container')
so that the site wasn't floating on (in their words) 'an ocean of beige'.
That being the case, when bordered, the container div appropriately
swells for more content, but also shrinks for less content; they didn't
like the moving of the border as the div grew or shrank, so I set a
fixed size within the boundaries for an 800x600 display understanding
that it will break if enough font resizing is happening.
So, the goal now is to have the 'main' div scroll on Y axis when needed.
I hope this explains the intent...and again, my thanks for the input.
~Ray
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
