#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2010
    Posts
    3
    Rep Power
    0

    IE / Firefox Cross Browser Border Issue


    Hello all,

    My website appears fine on Firefox 3.6.7 but not on IE 8 (it is missing the borders on the article text area and the login box is up too high). I notice you can't include URLs in the post for new members so any help is greatly appreciated.

    Thanks!
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    Welcome to DevShed Forums, nkephart.

    As you found out new users are restricted from posting URLs until they have made 5 posts. You may need to get around this by leaving out the "http://" and putting a space before each ".". Yes this rule is annoying, but the administrators say it's necessary for limiting spam.

    The first step in debugging should always be making sure that your code is valid (in order to rule out any errors as the cause for the problem).
    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2010
    Posts
    3
    Rep Power
    0
    @Kravvitz - Thanks, for the tip! I went ahead and fixed the major error: I put a closing </div> before the </body> tag to satisfy this error:

    Line 183, Column 7: end tag for "div" omitted, but OMITTAG NO was specified

    </body>

    Okay, I fixed the major error and the rest of the errors seem to be related to the flash that my web developer gave me and I would not know how to fix them. (I don't believe that they are causing my error anyway).

    Now, I am still experiencing the same problem. Any further help is greatly appreciated!!!

    P.S. the URL is http:// www . rpghive .com

    Thanks!
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2010
    Posts
    3
    Rep Power
    0
    Do you think this could be the answer? I noticed that the "missing" boder on the right and the left sides of the article area is actually an image (it appears as an image in Firefox)! The image is Sheet-v.png and can be found in the template.css file. The image is found in this code:

    .art-Sheet-cr, .art-Sheet-cl
    {
    top: 11px;
    bottom: 11px;
    width: 22px;
    background-image: url('../images/Sheet-v.png');
    }

    Do you think this may be the answer? If so, do you see anything that could be added to help support IE?

    Thanks!
  8. #5
  9. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    Yes, you can ignore the remaining XHTML errors. It looks like one of the </div> end tags is misplaced. The main content and footer are inside the header div, which seems to be the cause of the problem. (IE7's implementation of overflow:visible has issues and that page tells IE8 to render it in IE7 compatibility mode, so you'll see the problem there too.)
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo