 |
 | Home | Contact Us | FAQ | Search & Site Map | Link to Us |
 | Sign In | Join | Other 45 Sites in Network |
| HomeDiscussion GroupsGeneralPHPASPPerlColdFusionFlashHTML, CSS, ScriptsBrowsers |
Webmaster Forum / HTML, CSS, Scripts / CSS / February 2006Firefox & IE6 render differently
Hello all, Some help would be appreciated, I'm a little new at this & I've run out of ideas to fix it. This web page: http://www.stevenson-central.com/servos/servos.shtml when viewed in Firefox looks fine. When in IE6 however the two input boxes for Min Speed & Min Torque appear too far to the right. I have no idea what's making that happen. I'm assuming it's a CSS problem, as they both look the same without CSS. The CSS file can be found here: http://www.stevenson-central.com/servos/css/style.css Both web page & style sheet validate ok at w3c. Thanks.  Signature"A little pain never hurt anyone" Sam aged 11. > This web page: http://www.stevenson-central.com/servos/servos.shtml when > viewed in Firefox looks fine. When in IE6 however the two input boxes for [quoted text clipped - 4 lines] > CSS file can be found here: > http://www.stevenson-central.com/servos/css/style.css Looks like one of IE's many float bugs. Remove the float: right from the span.field rule - it's not needed. Also, why <span class="label"> when there's a perfectly good <label> element to use? > Both web page & style sheet validate ok at w3c. Yes, but as you have XHTML inside an HTML document that's purely because some XHTML looks like some HTML even if it means something entirely different. <input /> should be <input> in HTML, unless you really wanted to write <input>> in which case you must be wondering why your > aren't showing up on the page... Steve [snip] > Looks like one of IE's many float bugs. Remove the float: right from > the span.field rule - it's not needed. Great! That's fixed it, thanks. > Also, why <span class="label"> when there's a perfectly good <label> > element to use? Excellent question, markup altered. In my defence, I'm still on the learning curve here. The HTML & CSS for form layout came from a tutorial. The <label> element makes loads more sence now you point it out, thanks. >> Both web page & style sheet validate ok at w3c. > [quoted text clipped - 3 lines] > really wanted to write <input>> in which case you must be wondering why > your > aren't showing up on the page... Right, it started out as XHTML. while searching for a solution the the "float" problem I came across a post suggesting changing the doctype to HTML 4.01 strict. I tried this & then ran it through the validator & corrected the errors it threw at me, assuming if it validated I'd be ok. It didn't work, but I forgot to change the doctype back. Now done. Many thanks for your input on this Steve, much appriciated. Andy. > Hello all, > [quoted text clipped - 13 lines] > > Thanks. It doesn't look fine in Firefox to me! Shouldn't the words 'Min Speed:' appear on the same line? Same with the words 'Min Torque:'. Yours truly, Ed [snip] > It doesn't look fine in Firefox to me! > [quoted text clipped - 4 lines] > Yours truly, > Ed Sorry Ed, don't quite follow you here. They appear on the same line as their input boxes & descriptions in my Firefox. Andy. > [snip] > > It doesn't look fine in Firefox to me! [quoted text clipped - 5 lines] > Sorry Ed, don't quite follow you here. They appear on the same line as their > input boxes & descriptions in my Firefox. And what's you font size? Is it the same as Ed's? Over what range of font sizes did you test your pages? Steve [snip] > And what's you font size? Is it the same as Ed's? Over what range of > font sizes did you test your pages? > > Steve Ah, right, OK. See your point. Andy. To Whom this may Concern: May you please allow me the courtesy; of what this may be in reference to?? Sincerely, MisBehaving > Hello all, > [quoted text clipped - 13 lines] > > Thanks. |
Reply to this Message |
 Sign In
 Join
 My Latest Posts My Monitored Threads My Blog My Photo Gallery My Profile My Homepage Start New Thread Enable EMail Alerts Rate this Thread
|
©2009 Advenet LLC Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.