Re: [css-d] Layout differences in IE/FireFox (Win) gasp WRT Fieldset
-Original Message- From: Glenn E. Lanier, II [mailto:[EMAIL PROTECTED] Sent: Wednesday, October 18, 2006 3:06 PM From: Glenn E. Lanier, II Sent: Wednesday, October 11, 2006 4:36 PM Original Post: http://lists.css-discuss.org/mailman/private/css-d/2006-Octobe r/070167.html I have a page [1] that works solidly (as far as I can tell) in FireFox (Windows XP, v1.5.0.7) but when viewed in IE the third fieldset seems to float much farther left than it should. Also, the vertical spacing of the input fields aren't consistent from FF to IE (I don't care about exact pixels -- I just want them on the same line as their labels (highlighted yellow). After further review, I see that actually, the third fieldset is in the correct place, while the first two are [seemingly] right aligned to the containing div. The problem that I see with [1] is that A) page content is not centered horizontally (body has width of 700px and margin:0px auto;) OK in FF, IE doesn't completely center B) first two fieldsets are right aligned, not centered. Any ideas on what to do to fix either of these IE issues? http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html If you attempted to view this shortly after posting until about 3 hours ago, the server was not responding properly. Thanks to ~dL, it's up and running. I removed the two [seemingly minor] validation issues (type not specified on javascript (inserted by .NET) and a MS-only body attribute. Tidy finds no problems, but W3C validator complains about no doctype -- odd, since the very first line of the HTML file is: !doctype html public -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/tr/html4/loose.dtd; Any help would be greatly appreciated. --G __ 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/
Re: [css-d] Layout differences in IE/FireFox (Win) gasp WRT Fieldset
From: Glenn E. Lanier, II Sent: Wednesday, October 11, 2006 4:36 PM Original Post: http://lists.css-discuss.org/mailman/private/css-d/2006-October/070167.html I have a page [1] that works solidly (as far as I can tell) in FireFox (Windows XP, v1.5.0.7) but when viewed in IE the third fieldset seems to float much farther left than it should. Also, the vertical spacing of the input fields aren't consistent from FF to IE (I don't care about exact pixels -- I just want them on the same line as their labels (highlighted yellow). After further review, I see that actually, the third fieldset is in the correct place, while the first two are [seemingly] right aligned to the containing div. The problem that I see with [1] is that A) page content is not centered horizontally (body has width of 700px and margin:0px auto;) OK in FF, IE doesn't completely center B) first two fieldsets are right aligned, not centered. Any ideas on what to do to fix either of these IE issues? http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html --G __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
[css-d] Layout differences in IE/FireFox (Win) gasp WRT Fieldset
I have a page [1] that works solidly (as far as I can tell) in FireFox (Windows XP, v1.5.0.7) but when viewed in IE the third fieldset seems to float much farther left than it should. Also, the vertical spacing of the input fields aren't consistent from FF to IE (I don't care about exact pixels -- I just want them on the same line as their labels (highlighted yellow). You can view both the current (and desired) FireFox screenshot [4] and the misbehaving IE screenshot [5]. I validated the HTML [2] and only have two errors -- both a result of ASP.NET (the sample.html file is the result of loading the .aspx page). CSS validates [3] with warnings about background-color missing -- I'm not concerned with these at this time. The page seems to hold up under font-resizing/window resizing (with the knowledge the width is set to 700px). The client prefers the Arial, Arial Narrow font -- me, not so much. So, my questions are: 1) What can I do to get the Credit Card fieldset in IE to behave as the other two fieldsets? 2) What is the best way to make my labels/inputs stay spaced properly down the page? 3) Any other critiques/thoughts? Please copy [EMAIL PROTECTED] on all replies, as mailman [6] says I have a bounce score of 2.0 and that is why I'm not getting any css-d messages. [1] http://glennlanier.dynalias.com:8080/vsdonation/cssd/sample.html [2] http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fglennlanier.dynalia s.com%3A8080%2Fvsdonation%2Fcssd%2Fsample.html [3] http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http %3A%2F%2Fglennlanier.dynalias.com%3A8080%2Fvsdonation%2Fcssd%2Fsample.html [4] http://glennlanier.dynalias.com:8080/vsdonation/cssd/firefox.gif [5] http://glennlanier.dynalias.com:8080/vsdonation/cssd/ie.gif [6] http://www.css-discuss.org/mailman/listinfo/css-d/ Thanks, Glenn __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
