Problem with paragraphs/tables

When you get hit with these “What is going on with my site?” issues, the first thing to do is validate your site. Here is your site validation information. You have a bunch of problems, starting with the lack of the wp-header information that most Themes should have a note above that says DO NOT REMOVE. Find that information in one of the Classic or Default Themes (for the header.php or index.php and copy and paste it into the header.php template file. It begins with DOCTYPE.

Then go through each one on the list and solve the issue and I bet your problems might be solved.

I’m only recieveing 4 errors, and that’s for the link you provided. Using the extension for Firefox, the HTML validator, I recieve 0 errors/5 warnings.

I have always tried to be good about my coding, and I always validate it. I don’t think any of this is what is affecting my problem.

The meta inside my div issue… I’ve posted about that here before, and it was never solved; I have to work with these things to get my wp to look correct with my skinning and such.

Mostlikely the width of your div and table with don’t match. One most likely wider. Or you have margin and padding on some of your div’s and in some browsers it’s getting cut off. I looked at your site in Safari and I don’t see any cut off which means it most likely a margin and padding problem in IE flavored bowsers. Listed below is a sample style that shows how to set margin and padding for multiple bowsers.

.sample {
/* Safari/Firefox read this and ignore others */
margin: 0 0 0 5px !important;
margin: 0 0 0 8px; /* IE 5.5 and ignored by others */
margin/**/:/**/ 0 0 0 6px; /* For IE 6 ignored by others */

/* Safari/Firefox read this & ignore others */
padding: 0 0 0 5px !important;
padding: 0 0 0 8px; /* IE 5.5 ignored by others */
padding/**/:/**/ 0 0 0 6px; /* For IE 6 ignored by others */
}

Your going to have to play with the margins or padding in the IE to see what works. If the padding or margin are set to “0” you don’t have to add the fix at all:

padding: 0px;
margin:0px;

will work correctly in all browsers.

Well, my padding and margin are set to 0 as far as I know, and my tables width are set using percentages, not pixels.

The problem happens in IE and Firefox alike.

You have to set your table to have margin and padding of “0”

td {
margin:0px;
padding: 0px;
}

Or set the width or the table to a px width so you know it wil fit correctly.

I added that and no change.

I cannot set it to have a pixel width do to the fact my site is skinned; my skins have different width blog columns and such.

Alright, I finally solved the problem. Thanks for anyone who tried to help. ??

Ah. Liv, could you post what you did to solve it please, to help someone else with the problem who searches and finds this thread?

Thanks.