justuptime.com - monitor your servers & websites
Home › Designing Your Website › HTML, CSS, and Javascript

Table not aligning to top

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.

ncriptide posted this at 14:38—3rd April 2008.

ncriptide's picture

He has: 17 posts

Joined: Aug 2007

I have inserted a table on my home page that I put in a div to control certain aspects of it.

However the table is not appearing right under the copy like it is suppose to . . . there is a LOT of space between the copy and where the table starts.

The site looks fine on a Mac using Safari and Firefox - but you see the space when viewing in Windows on Explorer.

Here's the link to the test page (under development):

http://www.chimneysupply.com/newSite/index.html

Any suggestions?

http://www.carolinawebpros.com
http://www.christiandivers.org

Megan posted this at 15:58—3rd April 2008.

Megan's picture
Administrator

She has: 10,032 posts

Joined: Jun 1999

FYI, this is happening in IE 6 only, not IE 7. I don't have a developer tool installed on mine so it's hard to troubleshoot. Has anyone tried to put the developer toolbar on IEs4linux? Does it work?

You really don't need that #productTable div on there - just put the ID on the table tag instead. You should also remove those presentational attributes from the table tag and use CSS instead (padding on td instead of cellpadding etc.)

Megan
My web design blog

JeevesBond posted this at 04:18—4th April 2008.

JeevesBond's picture
Moderator

He has: 3,489 posts

Joined: Jun 2002

Has anyone tried to put the developer toolbar on IEs4linux? Does it work?

Yes, I have had this working before. Can't seem to make the installer work correctly now. Sad

To get this page working in IE6:

  1. remove formatting from the table: width="100%" border="0" cellpadding="5" cellspacing="5";
  2. delete the <div id="productTable"> (and the closing div);
  3. transfer the productTable id to the table: <table id="productTable">

That should fix it. Smiling

a Padded Cell our articles site!