Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2005
    Posts
    25
    Thanks
    2
    Thanked 0 Times in 0 Posts

    border left/right error in firefox

    hi everyone,

    i have been trying to align border left/right correctly in ff but it always crates gap on top and bottom (see screenshot)



    while on ie it works as supposed to (screenshot below)




    here is my code

    Code:
    #center_container{margin-left:118px;margin-top:24px;}
    #center_container_text{
    	width: 522px; 
    	border-left:1px solid #757d7b;
    	border-right:1px solid #757d7b;	
    }
    #banners{float:right;margin-top:20px;margin-bottom: 10px;width:100px;border: 1px solid black;}

    Code:
    <div id="center_container">
        <div id="banners">
          <p>a</p>
          <p>&nbsp;</p>
         <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>asd</p>
          <p>asd</p>
          <p>as</p>
          <p>d</p>
        </div>
        <div><img src="images/box_header.gif" name="Categories_header" alt="" /></div>
        <div id="center_container_text">
          <p>a</p>
          <p>&nbsp;</p>
          <p>asd</p>
          <p>asd</p>
          <p>as</p>
          <p>d</p>
          <p>asd</p>
        </div>
        <div><img src="images/box_bottom.gif" name="Categories_bottom" alt="" /></div>
      </div>
    thx.
    Last edited by papas; 10-14-2007 at 10:07 AM.

  • #2
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •