treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Position of this login form in IE7

  • 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
  • try using a css global reset at the top of your css document

    * { margin: 0; padding: 0; }
  • 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.
  • "neilmac" said:
    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.
  • 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