Jump to content

Archived

This topic is now archived and is closed to further replies.

perezf

Css borders not working

Recommended Posts

I am currently redesigning a site
i have made the site layout using all css, but have come accross a problem
in I.E. the border work on each side of the mainbody part
but in firefox it does not
i noticed when i add a height to the mainbody the borders go down until the height i specify
how can i make it work without the specified height

http://2fr3sh.com/new/index.html

check it out

Share this post


Link to post
Share on other sites
As you are using floats, you will want to clear them So add
[code]<br style="clear:both" />[/code]
After:
[code]<div id="footer">Copyright 2fr3sh Designs.2001-2006 </div>[/code]

The border should now continue all theyw ay down to the footer.

Share this post


Link to post
Share on other sites
[quote author=wildteen88 link=topic=108525.msg436724#msg436724 date=1158606900]
As you are using floats, you will want to clear them So add
[code]<br style="clear:both" />[/code]
After:
[code]<div id="footer">Copyright 2fr3sh Designs.2001-2006 </div>[/code]

The border should now continue all theyw ay down to the footer.
[/quote]

check out this [url=http://www.positioniseverything.net/easyclearing]clearfix class[/url] that will let you clear your floats without structural markup. it's typically a better alternative than having to add in <br /> tags or spacer divs when you're looking into this type of problem.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.