Sent by karuna sagar k on 9 August 2007 20:08
Hi list,
I am facing problem in creating a page with a
navigation bar -
MARKUP:
<div class="main_container">
<div class="nav_bar">
<p>some content here</p>
</div>
</div>
STYLE:
..nav_bar
{
margin: 1%;
width: 15%;
background-color: grey;
height: 98%; // i tried 98% thinking 1%+1% margin
(top and bottom) accounted (also, is there a way to
have comments in CSS?)
}
..main_container
{
border: 1px solid black;
width: 100%;
height: 100%
}
Now, when this is rendered, the nav_bar shoots-out of
the containing div. So, what I noticed here is that
the properties "width" and "height" refer to the
content box of the element and calculated as x% of
width of parent element (is that right?).
So, is there a way for me to specify the values for
the above properties relatively (as percent) and keep
the nav_bar inside the containing div? - i.e. I want
the nav_bar to occupy whole left portion of the
screen, with a white space between the border of the
containing div.
Thanks for the replies,
Karuna
Try the revolutionary next-gen Yahoo! Mail. Go to http://mrd.mail.yahoo.com/dc/landing
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/