Jump to content

Trouble with width in firefox


Recommended Posts

Hi, I spent a lot of time searching google, and this forum and I can't find a solution to my problem.Basically I have a form with 3 select boxes lined up side by side in a table. Now some of the options text can get pretty long, and I want the entire table to fit inside the browser window and the select boxes to all be equal widths.My CSS works exactly the way I want in IE, the select boxes are all equal width and the entire table fits in the window and gets resized as I resize my browser window. However in Firefox the entire select list is displayed instead of being cut short and I can't seem to get it to work.Any help woudl be apppreciated.Here is a link to what I'm talking aboutThe html looks something like this...<style type="text/css">table.optDisplay td{ width: 33%;}select.optList { width: 100%;}</style><form ...><table width="100%" class="optDisplay" ...><tr><td> <select class="optList" ...> ... </select></td><td> <select class="optList" ...> ... </select></td><td> <select class="optList" ...> ... </select></td></tr></table></form>

Link to post
Share on other sites

[removed]Try that. Compare your code with mine. I took off those nasty tables.Now I don't get to play with forms that often so I decided to give this ashot, this is also CSS and html strict valid. I didn't see any errors onFirefox, Opera or IE.Hoped that helped.

Edited by RahXephon
Link to post
Share on other sites
http://oneuse.awardspace.com/form.htmlTry that. Compare your code with mine. I took off those nasty tables.Now I don't get to play with forms that often so I decided to give this ashot, this is also CSS and html strict valid. I didn't see any errors onFirefox, Opera or IE.Hoped that helped.

sweet, thats exactly what I was looking for, thanks!
Link to post
Share on other sites
From what I can see, it's being distorted in Firefox because the content you've put in each box is wider than the specified widht.

Well... stuff like that is annoying, I know. But that's whatthe poster wanted, he/she probably has some reason to do it that way.
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...