asked on

CSS Positioning

I am trying to make a <hr> horizontal rule appear about 10 pixels above the bottom border regardless of how much content is in the containing <div> ... what is the best way to do this so that it works in all browsers and also stays in the right place regardless of the the size of the browser window.

you may view my page at : www.pacificbusiness.com.au/zing/project3.html

David S.

Any style you apply to it won't do much because it's overflowing the bottom of #mainContent which has a fixed height.

v2au

ASKER

Hmm . can you take a look now , i have edited the page , mainContent is not overflowing.

So if it is not overflowing. is there a way to absolutely position the <hr> within the mainContent div regardless of how much content is contained within it ( as long as its not overflowing ) . basically each
page is going to have a varying amount of content but i want the <hr> to be displayed at a fixed 10px above the baseline. if this will not work , could you suggest another way of acheiving this (image replacement)
basically i am a novice at this but very eager to learn.

Thanks

ASKER CERTIFIED SOLUTION

David S.

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Binylkumar

Hi,

Try to remove the <br> tag. If you don't want to remove the <br> tags then add this CSS along with your existing style

br {
line-height:0px;
}

this will solve your problem.

Gary

This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.