Hi,
I got a light problem but which is very "strange". Here it is :
I got a table with 3 columns : left and right have a width of 23% each while the middle column having the remaining space. Everything looks good under IE, FF, Opera.
But for some reason, under Safari 3.2.1 & Chrome 1.0.154.48, my right column has a wider space than it normaly must have ! In fact, it expand and take the space of the middle column which normaly is my main part of the site. Anoying...
Even better ; I tried to fix it with javascript solutions after the page has loaded and it didn't work either.
You can check that at this address : http://cybershop.fr/shopcu
Does anyone ever faced this problem ? Have you solved it ?
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
Yes, that's true for the fixed width, I've done it.
There's normally no problem with the td#columnTop colspan="2" as it is equal to td#columnMid & td#columnRight.
But, is percentage a recursive problem under Safari &/ Chrome ?
Sure, it solve my problem but I'm always trying to make a website easily updated ; if I want to change de width of my mainpart, I only have to change 1 setting. Putting fixed values is not going on this direction...
Safari & Chrome use the WebKit rendering engine which differs from the ones used by Firefox, IE and Opera (each of these also has their own particular flaws too).
% widths can be tricky when you use colspan or rowspan in the same table.
Either add a Chrome/Safari CSS rule to set a width in pixels .. or consider using a slightly different layout with nested tables.
Business Accounts
Answer for Membership
by: eoinosullivanPosted on 2009-02-09 at 05:39:16ID: 23589850
Looking at the CSS .. I note that if you change the width of #columnRight from 23% to 200px, then it adjusts properly. This would imply that the % division of columns is not completely valid.
I see that in the top row of the table .. you have td#columnTop .. which has a Colspan = 2.
This double width column at the top of the table (with no fixed width or %) .. has the effect of messing up the columns that come beneath.