Jump to content


Photo

Css borders not working


  • Please log in to reply
3 replies to this topic

#1 perezf

perezf
  • Members
  • PipPipPip
  • Advanced Member
  • 301 posts
  • LocationFort Lauderdale

Posted 18 September 2006 - 07:04 PM

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

#2 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 18 September 2006 - 07:15 PM

As you are using floats, you will want to clear them So add
<br style="clear:both" />
After:
<div id="footer">Copyright 2fr3sh Designs.2001-2006 </div>

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

#3 perezf

perezf
  • Members
  • PipPipPip
  • Advanced Member
  • 301 posts
  • LocationFort Lauderdale

Posted 18 September 2006 - 07:21 PM

thank you thank you thank you

#4 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 18 September 2006 - 07:48 PM

As you are using floats, you will want to clear them So add

<br style="clear:both" />
After:
<div id="footer">Copyright 2fr3sh Designs.2001-2006 </div>

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


check out this clearfix class 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.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users