Mon, 2007-09-03 04:56
Hi Folks
I have been working on a CSS layout to update one of my existing sites and have come across a problem that has got me stumped. The issue is that only IE browsers (6 & 7) are rendering 3-4 inches of whitespace between the opening paragraph of text and a table I have inserted on the page.
You can see what I am talking about here: http://www.universalwonderland.com/jefflang_web/tour.php
http://www.universalwonderland.com/jefflang_web/assets/css/jefflang_screen.css
http://www.universalwonderland.com/jefflang_web/assets/css/jefflang_screen_tour.css
The CSS information used for the table on this page is contained in the second link.
Thanks in advance for any advice,
iSilver
Mon, 2007-09-03 05:28
#1
I suspect that putting h3s
I suspect that putting h3s in your captions are causing trouble. They're not allowed there.
Please fix that and the other html markup errors. It is really a Sisyphean labor to try to debug invalid markup.
cheers,
gary
Tue, 2007-09-04 13:55
#2
Cleaned the pages but still getting excess whitespace
Thanks for being so pointed in your response - I've taken your advice and cleaned the html and css for this site and both now pass validation (including CSS Level 3 (it's got some drop-shadows), see the links at the bottom of the page to validate) but I am still getting this large whitespace in IE7 on Vista.
Thanks in advance for any comments,
Gary
Tue, 2007-09-04 14:16
#3
reduce the table widths by
reduce the table widths by 1px
Wed, 2007-09-05 04:19
#4
Have you tried wrapping the
Have you tried wrapping the <p> around the <table> ? Usually after a paragraph, there's a decent amount of space between it and the next element. Just a suggestion though.
Wed, 2007-09-05 13:44
#5
cbserra wrote:Have you tried
cbserra wrote:
Have you tried wrapping the <p> around the <table> ? Usually after a paragraph, there's a decent amount of space between it and the next element. Just a suggestion though.
Don't do that!!! TABLE is illegal inside P. P cannot contain any block elements. P is for marking up paragraphs. Paragraphs are for marking up text and allowed to contain only text-like content.
Wed, 2007-09-05 23:50
#6
Problem Fixed
:thumbsup:
wolfcry911 wrote:
reduce the table widths by 1px
That's the advice that fixed the problem (though I reduced the table size by 5px).
I assume the 3 colum widths PLUS margins PLUS padding must have equalled more than the width of the container of these div's.
I'd be interested to know how you determined that this was the problem please Wolfcry911. Thanks again.