Firefox & 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.


--
"A little pain never hurt anyone" Sam aged 11.

Andy Stevenson wrote:

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

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

Andy Stevenson wrote:

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.

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]

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.

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...

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.

[snip]

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

Sorry Ed, don't quite follow you here. They appear on the same line as their
input boxes & descriptions in my Firefox.

Andy.

Andy Stevenson wrote:

Ed wrote:
[snip]
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:'.

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.

"Andy Stevenson" <no (AT) chance (DOT) pal> wrote

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.


--
"A little pain never hurt anyone" Sam aged 11.

To Whom this may Concern:
May you please allow me the courtesy; of what this may be in
reference to??

Sincerely,
MisBehaving