Results 1 to 4 of 4

Thread: position relative problem in ie8

  1. #1
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,740
    Thanks
    82
    Thanked 90 Times in 88 Posts

    Default position relative problem in ie8

    Hi,

    I am trying to create some sample borders for the page http://www.sovgraceopc.org/test2.php but as you can see it looks ok in every browser except ie8 where the tab flap Meeting Information" is too high in ie8. Any idea how to fix this?
    Last edited by james438; 09-28-2011 at 05:05 AM.
    To choose the lesser of two evils is still to choose evil. My personal site

  2. #2
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    381
    Thanks
    6
    Thanked 35 Times in 33 Posts

    Default

    <!--[if lt IE 8]>
    .cssname {
    same code just change the top position so it works.
    }
    <![endif]-->

    That should be it. xD

    This may help you a lot

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,127
    Thanks
    44
    Thanked 3,228 Times in 3,189 Posts
    Blog Entries
    12

    Default

    Sometimes using margin instead of relative positioning is more cross browser.

    Like if you want:

    Code:
    .whatever {
    	position: relative;
    	top: -8px;
    }
    Sometimes:

    Code:
    .whatever {
    	margin-top: -8px;
    }
    works better. It's more reliable with positive values. But still often works well with negative.

    Note: The number of pixels is not always equivalent. Like to get the same change in the layout as top: -8px; you might need margin-top: -6px; or -16px;, etc. . .
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Jan 2007
    Location
    Davenport, Iowa
    Posts
    1,740
    Thanks
    82
    Thanked 90 Times in 88 Posts

    Default

    I didn't know that px is not always the same. I thought the measurements were at least cross browser and attribute compatible. Ah, well.

    I tried your suggestion jscheuer1, but it doesn't seem to be working in my case, so I am going with your suggestion Crazykld69in this situation. Thanks for the tips and info.
    To choose the lesser of two evils is still to choose evil. My personal site

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
  •