Reply
Space between table rows in IE
Old 12-19-2007, 01:36 PM Space between table rows in IE
Junior Talker

Posts: 2
Name: Derry Ambo
There is a (to me) unexplainable space displayed beneath the the table row bearing the topbanner and the menu/content table row. This error is only shown in IE7 (haven't tried any other versions of it), but shows fine in the newest version of Firefox.
The link to page is http://www.sleipnerband.dk/index.php?id=news
BTW, I don't know if this is in the right forum, but please bear with me... I'm new here.

I hope someone can help me. Thanks.
Derry is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 12-19-2007, 02:07 PM Re: Space between table rows in IE
LadynRed's Avatar
Super Moderator

Posts: 6,554
Location: Tennessee
Well, the first thing you need to do is put a proper DOCTYPE in, then validate your code, see where that leads you.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 12-19-2007, 02:36 PM Re: Space between table rows in IE
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
LNR is right. You've got some code issues.

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

Another possible cause is the space you have in your code between your cells and your images. IE has been known to throw up on it.

You want something like:

<td><img src="..." /></td>
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 12-19-2007, 03:12 PM Re: Space between table rows in IE
OSWebMaster's Avatar
Super Talker

Posts: 136
Name: Scott Frangos
Hi Derry -

Hmmm... I haven't verified this yet, but I wonder if IE is having a problem with the setting you have for the DIV in the main content area -- the "overflow" (highlighted in reference image below)? I understand you want that for scrolling purposes, but you never know with IE it has "issues" with so many CSS elements. Take it out temporarily and see if that is the culprit.

Reference image:

Note that the borders of your table cells have been highlighted first, using the Web Developer extension for Firefox, then "Display Element Information" was used to see the CSS code for the Div -- see how to article here.

A tip to help you quickly "clean your code (as the other members recommended):
  • Install the Html Validator (based on Tidy) 0.7.9 extension (get it here)
  • Open one of your “old” HTML files in FireFox
  • View the source, click the “Cleanup the page” button.
  • Copy and paste your cleaned code into your editor
Best of luck and success.
- Scott
__________________
Scott A. Frangos, Technical Writer & BlogMaster
- Blog Services: WebFadds.com
- BLOG: OpenSourceWebMaster.com

Last edited by OSWebMaster : 12-19-2007 at 10:41 PM.
OSWebMaster is offline
Reply With Quote
View Public Profile
 
Old 12-20-2007, 05:02 AM Re: Space between table rows in IE
Junior Talker

Posts: 2
Name: Derry Ambo
Thanks a lot for the info. I know that the code is a bit murky, I webmaster the site, but I didn't create it. So, I'm currently trying to tidy it all up and make it a little easier to update and manage.
I'll try doing as you posted sometime before christmas, I hope... Thanks again.
Derry is offline
Reply With Quote
View Public Profile
 
Old 12-20-2007, 10:13 AM Re: Space between table rows in IE
Average Talker

Posts: 15
I didnt look at the page but make sure that if you have any height elements that they all add up, make sure all tables have cellpadding ='0' cellspacing='0', valign='top' for the body table, if there is a body table.

hope this helped

regards
Marcus
__________________
Marcus Maraldo
http://www.mmtrials.com
Mmm Computers...
iammarcus is offline
Reply With Quote
View Public Profile Visit iammarcus's homepage!
 
Reply     « Reply to Space between table rows in IE
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.15482 seconds with 12 queries