Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have two questions applying to my website.
Please view the source to help answer these two questions.
I want the border inside the div “nav-cont-seperator” to be shifted down 10px. I can’t get padding to fix this problem, probably because borders ignore padding.
My second question is, how do I make that vertical border go to the bottom of the page (make the div match the height of its parent), minus 10px?
If I understand you correctly, you need a margin-top: 10px; on that div. Containers in HTML respect the box model (you can see that in firebug, for instance), meaning that the size of the element is given by: margin + border + padding. Padding applies to the inner part of a border, margin to the outside.
I’m not sure there’s a clear way of doing that with pure HTML/CSS. Let me ask you another question… are you sure you need that div? Couldn’t that separator be the right-side border of the left menu div? That might solve your problem and clear up some markup.
Anyway, if you’re using jQuery, the answer here:
how to size a div's height to its container height, using CSS?
might be of help!