Michael,

IE's a stubborn mule about that "magical" 3px space at the bottom. Removing all margins and padding have no-effect either.

This doesn't apply to background images of course.

Joseph R. B. Taylor
/Designer / Developer/
--------------------------------------
Sites by Joe, LLC
/"Clean, Simple and Elegant Web Design"/
Phone: (609) 335-3076
Fax: (866) 301-8045
Web: http://sitesbyjoe.com
Email: [EMAIL PROTECTED]



Michael Horowitz wrote:
Question couldn't you just set the padding to 0px to take care of IE adding the padding? Is there a reason this would not work?

Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Joseph Taylor wrote:
If the markup has to stay as it is now, your problems are probably coming from images for one thing. < IE7 adds the 3 pixel padding to the bottom of the images so getting equal heights will be tough.

You should be able to get the cells to behave somewhat with this classic:

td {
   min-height: 50px;
   _height: 50px; /* for < IE7 */
   }

Then again...

Why IS this 2 different tables? It seems the data in the left table is part of the grid of the 2nd table.

Putting the tables together in markup would alleviate the issues you are having in the presentation and make the relationship of the data more proper.

I'd do something like this:

<table>
   <caption>Allocation Table</caption>
   <thead>
      <tr>
         <th scope="col">Room Type &amp; Period Totals</th>
         <th scope="row">Date</th>
         <th scope="col">Tue 05 Aug</th>
         etc...

You can mix up <td> and <th> as long as you specify what the headers are covering, be it a column or row.

Joseph R. B. Taylor
/Designer / Developer/
--------------------------------------
Sites by Joe, LLC
/"Clean, Simple and Elegant Web Design"/
Phone: (609) 335-3076
Fax: (866) 301-8045
Web: http://sitesbyjoe.com
Email: [EMAIL PROTECTED]



kevin mcmonagle wrote:
Ok here it is-Im just putting this up here as a last ditch effort.

http://67.199.64.89/newtable3.html

Can anyone offer advice on fixing/locking table cell/row height across browsers?


The main problem is making the two adjacent tables appear to be one continuous table. Getting the cell height to line up is proving very difficult, maybe impossible. It aligns ok in ff3 but breaks in ie6 and ie7 both in different ways. Im using the height html attribute right now because i cant think of another way to fix the height of cells with the differnt kinds of different data in them.

Im trying to fix a broken .net  layout with css and html.
Its never going to validate, theres nothing i can do about that.

-best
kevin














*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to