?
Solved

Control table cell height in IE8 + FF

Posted on 2009-07-15
2
Medium Priority
?
550 Views
Last Modified: 2012-05-07
We use Dreamweaver to develop. Our website www.newsknife.com has for years had some pages containing tables. The height of the cells would appear as no greater than the contents. Now, in IE8 and FireFox we find that the cells appear with a much greater height than the contents. For example, a cell containing MONTH\PAGE was no higher than that 12pt wording. Now it is three times that height.

Presumably the change is the result of browsers now having better compliance with web standards. The question is how do we now control the cell height to return to being defined by its contents height or something similar? I've tried specifying a pixel height for the table but the cells still grow too high.

You can see this at our site page http://www.newsknife.com/online_news_site_profile.html. And also at http://www.newsknife.com/online_news_site_profile_tabletest.html WITHOUT <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />, (which I think I should probably remove site-wide). Refer to the first table that has a yellow background. The top left cell says MONTH\PAGE.

This table is defined by this code:
<table bgcolor="#FFCC00" border="1" bordercolor="#dddddd" cellpadding="0" cellspacing="0" width="700">
        <td>
0
Comment
Question by:NEILPH
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 42

Accepted Solution

by:
David S. earned 2000 total points
ID: 24867042
There's a <p> in every table-cell?

Anyway, that's an odd IE7 bug. Making other browsers display it the same way is easy. Simply add margin:0 to the "p" style rule.
		p
		{
			font-family: Verdana, arial, hevetica, sans-serif;
			font-size: 12px;
			line-height: 115%;
			padding-left: 5px;
			margin: 0;
		}

Open in new window

0
 

Author Closing Comment

by:NEILPH
ID: 31604110
That certainly worked; see my revised http://www.newsknife.com/online_news_site_profile_tabletest.html.

I thought I was going to have to resort to putting a  around it.

As I recall, I put the  in every cell to format the text in it. I don't recall doing it manually so maybe Dreamweaver did it automatically for me that way when I required all the content in the table to be formatted.

Thanks.
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

764 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question