2 CSS questions, simple? Options

[CharlesEF]

Hi All,

For years I've had to style < input > and < select > elements width differently. I had always 'assumed' the problem was with the custom fieldset and legend CSS supplied to me by Mozilla, because of a fieldset printing bug. I find that bug appears to be fixed now so I want to do away with the custom Mozilla CSS. So, I created a test page without the custom CSS but the problem still exists. Attached is the test page and image. When width is set to 100% the right end of the 2 elements don't match. Or, should they? The 2nd question is: why did I need a CSS rule to adjust the position of the help image? I needed it because the help image was placed outside the button.

Hope someone can help explain this to me.

 CSS_Test.html ( 5.58k ) Number of downloads: 227



Thanks for any and all help,

Charles

[CharlesEF]

I've made all talked about changes to the current version of 'CSS Test'. I will post it here so any future users may find it helpful.
As another test I created a 2nd page to place a fieldset inside another fieldset. That was something I couldn't do with Mozilla's custom CSS, at least not without more CSS. My way allows the same CSS rules to apply for a master fieldset as well as a sub-fieldset. So, the 2nd page contains a fieldset inside another fieldset, along with a 3rd fieldset to show how flow works when the browser window size changes. If the screen if big enough then you should see 2 columns side by side. Shrink the window size and you will see 1 column, column 2 has moved to below column 1. Hope these files help someone.

And, if I can ask, please print preview the file 'CSS Test 2'. I have already tested with a few browsers and I find that Firefox fails the test. Please load the page in a browser, do a print preview and adjust the margins if needed to see 2 columns on page 1. Now go to page 2, do you see the remaining coluum 2 rows printed? Firefox moves these rows to the bottom of column 1. Please post your results.

Thank you,

Charles

 CSS_Test.html ( 5.55k ) Number of downloads: 187
 CSS_Test_2.html ( 11.86k ) Number of downloads: 192

The image is in my 1st post.