943,922 Members | Top Members by Rank

Ad:
Sep 21st, 2009
0

Remove space after form in IE8

Expand Post »
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.
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
jeffherron is offline Offline
2 posts
since Sep 2009
Sep 21st, 2009
0

Re: Remove space after form in IE8

I don't have IE 8 on this computer, but have seen this problem before. The solution I found here worked in my case, maybe also in yours:

http://www.webdevelopersnotes.com/ti..._form_tag.php3
Reputation Points: 34
Solved Threads: 52
Posting Whiz
colweb is offline Offline
316 posts
since Nov 2007
Sep 21st, 2009
1

Re: Remove space after form in IE8

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
Sponsor
Reputation Points: 318
Solved Threads: 358
WiFi Lounge Lizard
Airshow is offline Offline
2,526 posts
since Apr 2009
Sep 22nd, 2009
0

Re: Remove space after form in IE8

Click to Expand / Collapse  Quote originally posted by jeffherron ...
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.
Reputation Points: 120
Solved Threads: 61
Posting Pro
Troy III is offline Offline
511 posts
since Jun 2008
Sep 22nd, 2009
0

Re: Remove space after form in IE8

What they said ^up there^

http://validator.w3.org/check?uri=ht...Inline&group=0

http://jigsaw.w3.org/css-validator/v...ning=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.c.../default.aspx& (there is a captcha)
Reputation Points: 562
Solved Threads: 368
Posting Maven
almostbob is offline Offline
2,970 posts
since Jan 2009
Sep 22nd, 2009
0

Re: Remove space after form in IE8

Click to Expand / Collapse  Quote originally posted by jeffherron ...
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
Reputation Points: 10
Solved Threads: 1
Newbie Poster
prateeksha is offline Offline
6 posts
since Apr 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Hotspots in Dreamweaver CS4
Next Thread in HTML and CSS Forum Timeline: Movie Repeat in flash





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC