Our new Indie Games subforum is now open for business in G&T. Go and check it out, you might land a code for a free game. If you're developing an indie game and want to post about it, follow these directions. If you don't, he'll break your legs! Hahaha! Seriously though.
Our rules have been updated and given their own forum. Go and look at them! They are nice, and there may be new ones that you didn't know about! Hooray for rules! Hooray for The System! Hooray for Conforming!

CSS - MSIE8, input, and ul

FeralFeral Who needs a medical license when you've got style?Registered User regular
edited April 2011 in Help / Advice Forum
The project I'm trying to do involves a form where some of the fields are laid out horizontally.

I have a really bare-bones example here with as little irrelevant code as possible: http://feral.chaosnet.org/odd/whymsie.html

In Firefox, there is no difference between the way the top and the bottom forms are rendered.

In MSIE8, the bottom form is misaligned. There's weird padding on the left edge of each input field.

The only difference in the code is that there's a <span> tag around each label and input.

Can anybody explain why this happens and if the <span> tag here is the best way to solve this issue?

Feral on
every person who doesn't like an acquired taste always seems to think everyone who likes it is faking it. it should be an official fallacy.
the "no true scotch, man" fallacy.

Posts

  • DehumanizedDehumanized Registered User regular
    edited April 2011
    It is rendering in Quirks mode instead of standards-compliant mode. Now, as for how to correct it, you need to add a strict DTD to the document. Details are included in that wikipedia article.

    steam_sig.png
  • FeralFeral Who needs a medical license when you've got style? Registered User regular
    edited April 2011
    I had one in the original document, but it didn't help.

    I put one in the sample document. Still doing the same thing.

    Edit: actually, the same document works when it's uploaded to my web host, but not when it's opened from a file local to my hard drive.

    Whatever, I'm just going to chalk this up to MSIE being dumb. Thanks, De.

    every person who doesn't like an acquired taste always seems to think everyone who likes it is faking it. it should be an official fallacy.
    the "no true scotch, man" fallacy.
  • SporkAndrewSporkAndrew Registered User, ClubPA regular
    edited April 2011
    It's the Compatibility View. I run into this so many times.

    In IE8 go to Tools -> Compatibility View Settings and untick the "Display intranet sites in Compatibility View."

    I have no idea why it's the default, but it's caused me a few headaches when showing my boss a product that's half-finished and the layout / Javascript is knackered.

  • DehumanizedDehumanized Registered User regular
    edited April 2011
    The developer tools in IE can be a great help in figuring out which renderer is getting used, too. Press F12 to access them.

    steam_sig.png
  • FeralFeral Who needs a medical license when you've got style? Registered User regular
    edited April 2011
    It's the Compatibility View. I run into this so many times.

    In IE8 go to Tools -> Compatibility View Settings and untick the "Display intranet sites in Compatibility View."

    I have no idea why it's the default, but it's caused me a few headaches when showing my boss a product that's half-finished and the layout / Javascript is knackered.

    Ah-ha! That explains it. Thanks!

    every person who doesn't like an acquired taste always seems to think everyone who likes it is faking it. it should be an official fallacy.
    the "no true scotch, man" fallacy.
Sign In or Register to comment.