|
|
Posted by Water Cooler v2 on 07/12/06 19:37
I do not have any special question. I am just trying to learn some
positioning for Web development/design.
OK, I tried the solution with frames. And it worked. Now, I am trying
it with CSS and here's the CSS I use to embed the sidebar. Please have
a look at this:
DIV.sidebar
{
font-family: Georgia;
font-size: 9pt;
background-color:pink;
margin-top:0px;
}
DIV.contentPane
{
margin-left:200px;
margin-top: 0;
margin-bottom:0;
margin-right: 50px;
}
Yet, the side bar takes up the entire width of the browser.
If I set the width of the side bar like so:
width:200px;
The side bar squeezes to 200 pixels but the rest of the space to the
right remains empty and the contentPane still starts below the end of
the sidebar, althought at a proper left-alignment of 200 px.
How do I make the sidebar a floating object? I rememeber there is a CSS
tag to do that. Although, from the code of the web page Stephen posted,
no such thing is used. Yet, the side bar on his page stays docked to
the left.
Navigation:
[Reply to this message]
|