Grow your CSS skills. Land your dream job.

Position of this login form in IE7

  • # January 18, 2009 at 4:37 pm

    Hi
    I’d be really grateful for some help with this puzzle.
    I have a login form on a WordPress landing page at:

    http://www.dundas-wilson-training.com/welcome/

    It is correctly aligned with the rest of the text on the left in Firefox, Safari, Opera – and even IE6.
    But IE7 has pushed it inwards.
    I presume its a double margin issue, though I tried to cut down on the number of margins in the code.

    The site is built on the YUI grid to avoid as many cross-browser issues as possible (and because I wanted to try it out!)

    Can anybody spot where I have gone wrong or suggest an answer?
    Apologies for the messy CSS. I haven’t tidied up yet.
    many thanks
    Neil

    # January 18, 2009 at 7:03 pm

    try using a css global reset at the top of your css document

    * { margin: 0; padding: 0; }

    # January 19, 2009 at 4:11 am

    Thanks cybershot, but there’s already a reset included as part of the YUI CSS grid so I don’t think it could need another one.
    This is the style sheet before my own styles:
    http://yui.yahooapis.com/2.5.2/build/re … -grids.css
    That’s one reason why I don’t understand this, particularly as IE6 is behaving ok.

    # January 19, 2009 at 7:21 am
    "neilmac" wrote:
    Thanks cybershot, but there’s already a reset included as part of the YUI CSS grid so I don’t think it could need another one.
    This is the style sheet before my own styles:
    http://yui.yahooapis.com/2.5.2/build/re … -grids.css
    That’s one reason why I don’t understand this, particularly as IE6 is behaving ok.

    I was going to take a look to see what the problem was, but your CSS is an absolute mess. everything is on one line with no spacing. very hard to read.

    # January 19, 2009 at 2:23 pm

    Sorry ikthius, you must have looked during the two minutes I was experimenting with using a CSS cruncher to speed up the site. I reverted back almost immediately.
    It’s still not pretty but at least it’s got its white space back!
    thanks
    Neil

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".