Pls help, browser compatibility problem...

[rishi]

Hello list,

I have this band site that I have been working on:
http://www.about-torque.com.au/

It uses a complex table layout to make the page look like a "Mondrien" style painting. It was all working fine, but now I have a problem when the page is viewed in IE. In Mozilla / FireFox it displays fine, but when viewed in IE the table cell containing the picture just under the logo has a lot of white space around it. The white space shouldn't be there.

I think that this must be something to do with browser interpretation differences, but don't know what it is! I am sure the page used to display fine in IE, but I must have changed something to break this - don't know what...



Can any of you more skilled html coders out there have a look and see if you can find what is wrong?

Any help appreciated. Thanks,

Rishi.

[ff123]

I would suggest to make a working design in dreamweaver before implementing in phpwcms.

Furthermore I experimented a bit and concluded that adding a width="??" could solve the problem. The <p> tags might also give problems.

[Audax]

Hey rishi, i'm not sure if this will work, but i kinda had the same problem before. I also had problems with tables, td and tr tags using PHPWCMS.
What worked for me, but again, i do not know if this will be the right solution for you, is to add some values to your CSS file like this:

Old css-code:

Code: Select all

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

form, div, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;

	padding: 0;
}

td, th, p, div, span {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px
}

into

Code: Select all

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

form, div, p, h1, h2, h3, h4, h5, h6, td, tr, th, table  {
	margin: 0;
	padding: 0;
}

td, th, p, div, span {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px
}

So with the td, tr, th, table in the second section..
Maybe this will help you, maybe not

[Kulinarisk]

You have to implement a lot of hacks to make it work in IE. Whether you use tables or CSS doesn't really matter. You can start with the box model hack (if you use CSS) http://tantek.com/CSS/Examples/boxmodelhack.html and then spend a LOT of time with the rest of the hacks there are. IE is an old browser that doesn't support standards and has a life of it's own. I looked IE bugs up in google and found 6.300.000 pages for IE bugs You should really start working with CSS and Divs - and leave the tables to data. As I have heard M$ is working on a new IE that should comply with the standards. It's always a dilemma when IE has such high penetration of the desktop, to make it work in all browsers. But then IE never cared if the sites designed for IE worked in other browsers...