|
|
Posted by Beauregard T. Shagnasty on 07/12/06 20:30
Water Cooler v2 wrote:
> Beauregard T. Shagnasty wrote:
>
>> If the contentpane were, say, margin-left: 210px it probably would have
>> worked. However, the trouble with pixel-specific layouts is that when
>> your visitor increases her text size (due to your 9pt microfont), all
>> the text escapes the box.
>>
>> See this site of mine. Note the CSS ids for #crmenu and #boxcontent
>> Note also how my style sheet does not use: DIV.crmenu ...
>>
>> http://countryrode.com/
>
> Thanks for your invaluable corrections. I have now changed the CSS to
> look like this:
>
> #sidebar
> {
> font-family: Georgia;
> background-color:green;
> font-size: 80%; <-- that is 4/5th of my default size
> margin-top:0px;
> width:10em;
> height:100%;
> }
>
> #contentPane
> {
> margin:0em 0em 0em 3em;
margin:0em 0em 0em 12em;
> }
>
> Yet, the right pane starts below the end of the side bar. Help would
> be greatly appreciated.
Change your 3em to 12em or thereabouts and it should work. It needs to
be larger than the width of the sidebar. I had recommended sidebar at
width of 12 and the contentpane starting at 13. If your 10em above is
wide enough for the sidebar content, then use 11 or so for the left
margin of the contentpane.
Since we haven't seen the rest of your page, why don't you assign
font-size: 100%;
in the body { } style, and you won't need font-sizing anywhere else.
And all your visitors will be happy to be using their own default size.
--
-bts
-Warning: I brake for lawn deer
Navigation:
[Reply to this message]
|