Welcome to WebmasterWorld Guest from 54.147.134.218

Forum Moderators: open

Message Too Old, No Replies

Opera problems

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

     
3:39 pm on May 27, 2004 (gmt 0)

Preferred Member

10+ Year Member

joined:Feb 27, 2003
posts:637
votes: 0


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?

4:39 pm on May 27, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


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]

4:48 pm on May 27, 2004 (gmt 0)

Preferred Member

10+ Year Member

joined:May 9, 2001
posts:416
votes: 0


Make sure cellspacing=0 cellpadding=0 border=0 are all set.
4:49 pm on May 27, 2004 (gmt 0)

Senior Member from GB 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Aug 13, 2003
posts:1028
votes: 0


...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!

5:50 pm on May 27, 2004 (gmt 0)

Preferred Member

10+ Year Member

joined:Feb 27, 2003
posts:637
votes: 0


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