njj942 Posted February 22, 2008 Posted February 22, 2008 I have been uploading product to my catalog and after doing so I have noticed that my categories table box has expanded to the right significantly squishing the width of my main content. I'm using the STS template system and I have tried setting the table widths, but it isn't forcing the text to wrap within the box and is therefore not limiting the width of the box. I have linked to my catalog so you can see what its doing, its still a work in progress. So basically what I need help with is where and how do I alter the code to make the table width for the categories a specific width so that it wraps the text rather than expanding the row horizontally. Sorry if my explanation doesn't make any sense I'm probably not using the proper "key terms" in describing whats going on. Thanks for any help!! :thumbsup:
ryos Posted February 23, 2008 Posted February 23, 2008 I have been uploading product to my catalog and after doing so I have noticed that my categories table box has expanded to the right significantly squishing the width of my main content. I'm using the STS template system and I have tried setting the table widths, but it isn't forcing the text to wrap within the box and is therefore not limiting the width of the box. I have linked to my catalog so you can see what its doing, its still a work in progress. So basically what I need help with is where and how do I alter the code to make the table width for the categories a specific width so that it wraps the text rather than expanding the row horizontally. Sorry if my explanation doesn't make any sense I'm probably not using the proper "key terms" in describing whats going on. Thanks for any help!! :thumbsup: Looks like your "Catalog" dropdown is what's stretching the table. Unlike all other HTML elements (that I know of), a table will not allow its width to be set narrower than its contents' minimum width. You can set the width of your dropdown with CSS, which will work fine in everything but Internet Explorer, which would then merrily chop the menu down to size as well (more sensible browsers render the menu at full width regardless of the dropdown's size). You then would need to write some JavaScript that targets IE specifically, which widens the menu when a user clicks it and narrows it again when the menu closes. It's a jolly mess. My advice to you is either to forego the dropdown, or widen your fixed-width layout. I say not to you, "backup your files before you change them." I say, rather, "use Subversion, and never worry about ruining your files again."
njj942 Posted February 25, 2008 Author Posted February 25, 2008 Looks like your "Catalog" dropdown is what's stretching the table. Unlike all other HTML elements (that I know of), a table will not allow its width to be set narrower than its contents' minimum width. You can set the width of your dropdown with CSS, which will work fine in everything but Internet Explorer, which would then merrily chop the menu down to size as well (more sensible browsers render the menu at full width regardless of the dropdown's size). You then would need to write some JavaScript that targets IE specifically, which widens the menu when a user clicks it and narrows it again when the menu closes. It's a jolly mess. My advice to you is either to forego the dropdown, or widen your fixed-width layout. Thanks for the help!!! I think I got it sorted out.
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.