|
|
Posted by Water Cooler v2 on 07/12/06 20:36
Beauregard T. Shagnasty wrote:
> 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
I actually had it set at 12em before. But it still didn't work, so I
changed it to 3em. I have changed it back to 12em and it still doesn't
work. OK, I am posting my test page here.
INDEX.HTML
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="css.css">
</HEAD>
<BODY>
<SPAN ID="sidebar">
<P><IMG width="100%" height="40%" src="1.jpg" /><BR></P>
<A href="Stevey.html">Stevey's Drunken Blog Rants</A><BR>
<A href="OCaml.html">O Caml</A><BR>
<A href="MoreOCaml.html">More O Caml</A><BR>
</SPAN>
<SPAN ID="contentPane">
<SPAN>When you click on a link in the navigation bar, the content of
that link appears
here.</SPAN>
</SPAN>
</BODY>
</HTML>
[Back to original message]
|