Results 1 to 4 of 4

Thread: Height Issue

  1. #1
    Join Date
    Apr 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Height Issue

    I'm having an issue with height in one of my div tags.

    I'm trying to create a line-break basically. This is the code I am using.

    .spacer
    {
    background: url(images/line_bg.gif) #003d5c repeat-x bottom right;
    width: 710px;
    height: 1px;
    }

    In Firefox it shows up great but not in Internet explorer. It shows up a lot thicker.

    Here is the site

    http://www.fellowshipse.com

    Can someone please help me

    thanks.

  2. #2
    Join Date
    May 2007
    Location
    England, UK
    Posts
    235
    Thanks
    3
    Thanked 6 Times in 6 Posts

    Default

    You could use a <hr /> instead of the div.

    but if you want to use the div then I think either
    line-height:1px;
    or
    font-size:1px;
    will solve your problem

  3. #3
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Code:
    element {
         display: block;
    }
    if all you are trying to do is create a linebreak, use the code above.
    that will force whatever element to display on its own line.

  4. #4
    Join Date
    Apr 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jc_gmk View Post
    You could use a <hr /> instead of the div.

    but if you want to use the div then I think either
    line-height:1px;
    or
    font-size:1px;
    will solve your problem
    using the font size worked for me. Thanks a lot.

Bookmarks

Posting Permissions

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