IE7 cuts tables in eZ publish

Thursday 30 November 2006 4:11:49 am - 6 replies

6 replies

Author	Message
Claudia Kosny	Thursday 30 November 2006 5:47:23 am Hi Sandra Most likely the problem is caused by the invalid HTML you use. If you check your webpage in a validator (e.g. http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.comune.canosa.ba.it%2Fcomune%2Forgani_istituzionali%2Fconsiglio ) you can see that you have some errors there, especially in your table. Post again if the problem should still be there after you have fixed the HTML of your page. Claudia
Sandra Parente	Thursday 30 November 2006 7:57:57 am Yes, the html is quite old and messed up, but the table is generated by the Online Editor, which is upgraded. I think the problem must be the .css ... Sandra Parente www.netbliss.it
Sandra Parente	Monday 29 January 2007 1:38:06 am I'm posting again because the problems with IE7 are not solved at all. We did a test copy site for html fixing: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.netblu.it%2Fcomune%2Forgani_istituzionali%2Fconsiglio&charset=%28detect+automatically%29&doctype=Inline&verbose=1 It is OK for the validator, but not for IE7. Even simple lists are cut off now. Maybe we have to change the layout completely. Can somebody suggest me some links with example or tips to build eZ publish sites fully compatible with Exploder 7? Unfortunately a lot of people are installing it... Sandra Parente www.netbliss.it
Sandra Parente	Thursday 01 February 2007 3:02:12 am I found the problem. IE7 is not compliant with XHTML-1.0-Transitional, but only with XHTML-1.0-Strict. This is important to know when building sites, because there are many differences between Transitional and Strict. For example, the problem with this site was the bgcolor declaration inside the entities <table> and <td>, which is possible in XHTML-1.0-Transitional but is not in XHTML-1.0-Strict. The strange thing was that for this the maincontent was displayed only partially... Sandra Parente www.netbliss.it
Thomas Hellstrøm	Thursday 01 February 2007 3:16:21 am The reason for the cut is in line 353 of your site.css, where you set a height for div#maincontent: height: 410px; Other than that I can see you've got several errors in your CSS files, so you should check them further (try http://jigsaw.w3.org/css-validator/). And even though your HTML _seems_ to validate according to the W3C validator, I can actually see several errors there as well, so you need to check your code more carefully.
Sandra Parente	Thursday 01 February 2007 4:22:47 am Thanks for your help, you are right, the height was referred maybe to the background image. But I was not clear in my posts: it is the test site that we tested with the validator, not the official: that's why you still see the html errors, because they are still there. The worst thing is cleaning up something inherited, especially .css, we must check them carefully. But doing this work, we noticed that IE7 is compliant with Strict declarations, and not Transitional. Thanks again. Sandra Parente www.netbliss.it

You must be logged in to post messages in this topic!