Please view the following URL in IE8 and then in any other browser.

http://minorityrecruitonline.com/college/default.aspx

It looks fine in every browser except for IE8. The culprit is the extra space being included after the </form> tag.

Does anyone know how to remove this space from IE8? I have tried all the usual tricks of adding margin:0 and padding:0 and even display:inline to the form tag, and nothing seems to work.

Any help would be greatly appreciated.

Recommended Answers

All 5 Replies

Jeffherron,

I'm not sure how to cure your space problem but something you should be aware of is the your page has two forms, one nested inside the other. HTML forms should not be nested as the HTML specification makes no provision for form nesting, thus browsers are free to interpret a nested structure as they wish. Most browsers will behave as you might expect but there is no guarantee.

Airshow

Please view the following URL in IE8 and then in any other browser.

http://minorityrecruitonline.com/college/default.aspx

It looks fine in every browser except for IE8. The culprit is the extra space being included after the </form> tag.

Does anyone know how to remove this space from IE8? I have tried all the usual tricks of adding margin:0 and padding:0 and even display:inline to the form tag, and nothing seems to work.

Any help would be greatly appreciated.

There's no help - that code is using extremely ugly Netscape specific bug, to layout that design arrangement.
You can't force Explorer to break rows and cells bleeding their content out of their boundaries just to accommodate this ugly abuse of tables and bug exploit for a simple layout that shouldn't be using tables at all .
The only decent way to fix that is to recode that html completely, avoiding tables OR, learn some better row spanning and coll spanning techniques in case you decide to keep the existing code.

Because all I see there is "dig a hole to patch another" principle, which at the end - will always end up leaving you with a brand new hole to patch.

What they said ^up there^

http://validator.w3.org/check?uri=http%3A%2F%2Fminorityrecruitonline.com%2Fcollege%2Fdefault.aspx&charset=%28detect+automatically%29&doctype=Inline&group=0

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fminorityrecruitonline.com%2Fcollege%2Fdefault.aspx&profile=css21&usermedium=all&warning=1&lang=en

xhtml is particular <element1><element2></element2></element1> works <element1><element2></element1></element2> fails
Fix your code and the display errors will likely vanish

and redesign your page, its 619,569bytes and takes way too long to download, 8 seconds is all you get,
92KB of javascript ?
44 images 377KB ?
Some recommendations to remove the bloat, http://analyze.websiteoptimization.com/wso?url=http://minorityrecruitonline.com/college/default.aspx& (there is a captcha)

Please view the following URL in IE8 and then in any other browser.

http://minorityrecruitonline.com/college/default.aspx

Hi..

I checked your site...my suggestion is that you move the tow graphics links-dreamjob.jpg, links-career.jpg to the same ROW of the form.....

do u understand?

Put the images, before the </td> at line 375....

Sumeet

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.