|
|
Posted by Water Cooler v2 on 07/12/06 20:17
Beauregard T. Shagnasty wrote:
> > DIV.sidebar
> > {
> > font-family: Georgia;
> > /* font-size: 9pt; */ <-- points are for printing
> font-size: 100%; <-- your visitors' default size
> > background-color:pink;
> > margin-top:0px;
> width: 12em; <-- need to specify a width
> 10 to 12 should suffice depending
> upon the width of your words
> > }
> >
> > DIV.contentPane
> > {
> > /* margin-left:200px;
> > margin-top: 0;
> > margin-bottom:0;
> > margin-right: 50px; */
> margin: 0 0 5em 13em;
> > }
> 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%;
margin-top:0px;
width:10em;
height:100%;
}
#contentPane
{
margin:0em 0em 0em 3em;
}
Yet, the right pane starts below the end of the side bar. Help would be
greatly appreciated.
Navigation:
[Reply to this message]
|