SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Addict limepickle's Avatar
    Join Date
    Jan 2006
    Location
    Aldridge UK
    Posts
    216
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    It looks ok in IE7 but in IE6 - aargh....

    http://www.testarea.istl.com/index.php/agent_login

    As you can see it looks ok in IE7, but not in IE6. I would be grateful if someone knew which of the many rendering differences this is, as then I figure it out. I don't really know where to start on this one.

    Thanks.

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You made #login-subheader, #body-subheader, and #normal-text too wide. I suggest you read Internet Explorer and the Expanding Box Problem.

    You specified the values for the "for" attributes of the <label> elements incorrectly and you gave both <label>s the same ID. The for attribute's value should be the ID of its associated form control. IDs should be unique. You could use a class instead.

    Don't forget to test in good browsers like Firefox and Opera.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  3. #3
    SitePoint Addict limepickle's Avatar
    Join Date
    Jan 2006
    Location
    Aldridge UK
    Posts
    216
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great, thanks for the quick reply Kravvitz, I'll look into that.

    PS the label problem is just an oversight, but thanks for pointing it out. Sorted now.

    Cheers

  4. #4
    SitePoint Addict limepickle's Avatar
    Join Date
    Jan 2006
    Location
    Aldridge UK
    Posts
    216
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Kravvitz, hi, are you sure its the expanding box problem? Might it not be the 3 pixel jog problem? It looks like its shifted over by 3 pixels.... If so I can't seem to fix it by adding a height of 1&#37;, or maybe I'm not adding it to the right element?

  5. #5
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You didn't remove or change the widths of #body-subheader and #normal-text.

    No, this does not seem to be the 3 pixel text jog bug.

    Did you notice that in Firefox and Opera 9 the bottom border of the fieldset overflows into #footer?
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  6. #6
    SitePoint Addict limepickle's Avatar
    Join Date
    Jan 2006
    Location
    Aldridge UK
    Posts
    216
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, I'll have a play with what you said, I appreciate you spending the time to look at this. I know how precious time can be

    as for Opera and Firefox, I know it looks iffy. Normally I test on FF and then make it look ok in IE, but this time I'm having to do it the other way round as the taget audience will be office based insurance brokers, which I'm told will be primarily IE7 with a sizeable chunk of IE6 users. I'll get to FF and Opera in due course.

  7. #7
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Many of us have found that coding for IE first and then fixing things in other browsers takes longer than coding it in browsers that more closely adhere to the standards and then go and tweak things in IE. It's even better if you test constantly in as many browsers as you can get instead of doing the bulk of the testing at the end.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


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
  •