On Wed, 28 Mar 2007, Timothy Martens wrote:

> Can anyone figure out why my entire form shifts to the right when you
> choose the "Yes" radio button next to "Is this purchase a gift?"
>
> http://66.216.113.114/bookings/

It's something in your JavaScript code, since it doesn't happen when 
JavaScript is disabled. But I guess you knew that, since your Subject line 
seems to refer to things in the JavaScript code, specifically to the 
onclick event handler that tries to toggle the display property of a tbody 
element between table-row-group (or block, as a fallback) and none.

Changing the display property of a tbody element can be expected to have 
an effect on the width of the table, since new elements may matter in the 
browser's choice of widths for columns. Using table-layout: fixed for the 
table and explicitly setting column widths would presumably prevent this, 
but it's risky business.

Perhaps it would be easier to toggle the visibility property (between 
hidden and visible) instead of the display property.

Use the W3C CSS Validator to check your CSS code - there seems to be a 
syntax error (probably unrelated to the problem at hand, but still).

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to