35 users online (0 members and 35 guests)  


  Results 1 to 2 of 2

Related

  1. Margin?    Forum: CSS Forum
    Replies: 4
  2. Problem with margin in CSS    Forum: HTML Forum
    Replies: 6
  3. Mysterious 1 pixel border around jpg's    Forum: CSS Forum
    Replies: 3
  4. web page margin    Forum: HTML Forum
    Replies: 16
  1. #1
    darkdirk1's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2005
    Posts
    5

    Ie mysterious margin around my box...

    I have been testing for hours now...
    Trying hacks and margins, and paddings and variations on boxes and on and on and on....

    So finally I post here and hope for a friendly word of advice....

    I am trying to create a rounded table the poor mans way...
    Works great in FF but this annoying 3 pixel margin will not go away in IE...

    Here is my diluted code to demonstrate the issue further....:



    Code:
    <style type="text/css">
    
    #panel-full-top {
    background-image: url('http://www.crunkbox.com/jmr/skins/Crunkbox/images/panel_full_top.png');
    background-repeat: no-repeat;
    width: 845px;
    height: 13px;
    }
    
    #panel-full-center {
    background-image: url('http://www.crunkbox.com/jmr/skins/Crunkbox/images/panel_full_center.png');
    background-repeat: repeat-y;
    width: 845px;
    height: 10px;
    }
    
    #panel-full-bottom {
    background-image: url('http://www.crunkbox.com/jmr/skins/Crunkbox/images/panel_full_bottom.png');
    background-repeat: no-repeat;
    width: 845px;
    height: 13px;
    }
    </style>
    
    
    
    
    <div style="display:block; position:relative; margin:0 auto; padding:0;">
    <div id="panel-full-top" STYLE="margin: 0px"></div>
    
    <div id="panel-full-center" STYLE="margin: 0px">
    <br>
    <br>
    </div>
    
    <div id="panel-full-bottom" STYLE="margin: 0px"></div>
    
    
    </div>
    Those images are the actual ones I am using.
    So you can check this out locally - see what i mean?

    I know there are tons of articles out there about this type of problem - i just can't seem to find the right one...Perplexing to me is why the issue exists between the center and top - but not between the center and bottom...!

    Thanks for you advice...!
    Last edited by darkdirk1; 07-10-2007 at 06:25 AM.

  2. #2
    darkdirk1's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2005
    Posts
    5

    Re: Ie mysterious margin around my box...

    so all i had to do was add overflow:hidden to the top and bottom divs....problem solved.



Tags for this Thread