Opera problems

it shouldn't have pblms with tables....

[macrost]

I am working on a new site and in opera its crapping out. I have my header as 4 images, the top image is one row, the second row has two images (columns), and the third row is just one image.

However, I'm showing spaces for the header, like cellpadding and cellspacing are set to something besides 0.

What gives?

[tedster]

What DTD are you using? And are you coding for quirks mode or standards mode?

Here's a guess -- based on the fact that the rendering of img elements can be surprising if you are in standards mode and view them in a standards compliant browser.

The issue is that until recent browser versions, every user agent got the rendering of inline images wrong (and images are inline by default) -- and we all got our mark-up wrong as a result.

Inline images in a table cell are "supposed to" be aligned with the BASELINE of the text, or where that baseline would be even if there is no text. Non-standard browsers traditionally align the images with the cell's bottom, not the text baseline.

If this your issue (and I realize I'm running off without confirming my guess with you) you can fix it with CSS, by setting a style rule for any <td> that contains images and switching the display of the img element from inline to block.

Try this:

td.imgholder img {
display:block;
margin:0;
padding:0;
}

And of course, if this is not your issue - let's talk some more.

[edited by: tedster at 2:10 am (utc) on May 28, 2004]

[toadhall]

Make sure cellspacing=0 cellpadding=0 border=0 are all set.

[PCInk]

...and run it through a validator - one missing closing tag can cause all sorts of problems in some browsers.

And the more you look for an error...the less you will see it!

[macrost]

tedster! You are da man! That was my problem after all. I'm using xhtml strict.