/    Sign up×
Community /Pin to ProfileBookmark

IE Not Aligning Select Boxes

Can anyone figure this one out for me. I have a page that displays form elements.

[url]http://www.intellor.com/ie_funny_stuff.html[/url]

Firefox looks fine but IE does not. Remove the style information for:

#ems_output{
}

and then IE looks fine. What the heck is going on with IE?

to post a comment
CSS

4 Comments(s)

Copy linkTweet thisAlerts:
@David_HarrisonMay 08.2006 — You could just ditch the span around the elements, apply the class to the inputs themselves and drop the width from the CSS rules, that'd do it.

Incidentally, have you thought about using some better markup? All <div>'s and <span>'s doesn't really mean anything, but there are a multitude of form elements that you could be using instead, fieldset and label spring to mind, and if you have a lot of form elements maybe an unordered list could be used to contain them instead of this:&lt;div id="ems_output"&gt;
&lt;div class="wizard_item"&gt;

&lt;/div&gt;
&lt;div class="wizard_item"&gt;

&lt;/div&gt;
&lt;/div&gt;
Since it's basically the same code as using an unordered list anyway, but you could dispense with all those classes and just have one id on the opening <ul>.

Take a look at the markup I used on [url=http://www.spacedonate.com/contact]this page[/url] for the contact form, it's a similar layout, but with semantically correct markup.

Incidentally, since you are using XHTML 1.0 Trans and serving as text/html, you should follow the HTML compatability guidelines, specifically C.2:[b]C.2. Empty Elements[/b]

Include a space before the trailing / and > of empty elements, e.g. <br />, <hr /> and <img src="karen.jpg" alt="Karen" />. Also, use the minimized tag syntax for empty elements, e.g. <br />, as the alternative syntax <br></br> allowed by XML gives uncertain results in many existing user agents.[/quote]
I notice that you didn't include that extra space on your <input />'s.
Copy linkTweet thisAlerts:
@crh3675May 09.2006 — Thanks for the quick tips. But your tips and advice did not assist me with why IE is having this problem.
Copy linkTweet thisAlerts:
@David_HarrisonMay 09.2006 — IE has many problems, no-one knows why, I did post a work-around for IE though.
Copy linkTweet thisAlerts:
@WebnerdauthorMay 15.2006 — I'll check my markup. I've been spending so much time on the backend that I haven't really focused on the validation
×

Success!

Help @Webnerd spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...