SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Oct 2004
    Location
    US
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Strange Cross Browser Issue

    I have a client's site that has an issue that I cannot figure out.

    setxaa.org is the site - looks fine in most browsers but some it appears that the entire site is shifted upward and the top part gets cut off. Seems to only happen in Internet Explorer on some systems. Any ideas? Any help or insight is appreciated, I'd love to figure out what is causing this.

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    In what version of IE does the problem occur? Except for some fonts, IE8 and Firefox render the same on my PC.

  3. #3
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,507
    Mentioned
    61 Post(s)
    Tagged
    2 Thread(s)
    N-e-v-e-r m-i-n-d . . . .

    The site is suffering from Abosolute Positioning syndrome.

    The following style change should repair the reported problem.
    change from:
    Code:
    #page{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1024px;
    height: 768px;
    margin-left:-512px;
    margin-top:-384px;
    }
    to:
    Code:
    #page {
        position:relative;
        left:50%;
        width:994px;
        margin-left:-497px;
    }
    You should also move the <style> tags so they appear BEFORE the </head> tag.

    I'm sure you realize that building a page with Absolute Positioning as the primary/only positioning technique is very inflexible.


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
  •