Firefox & IE6 render differently

[Andy Stevenson]

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.

[Steve Pugh]

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

[Ed]

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

[Andy Stevenson]

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

[Andy Stevenson]

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

[Steve Pugh]

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

[Andy Stevenson]

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

[simon white]

"Andy Stevenson" <[e-mail]> wrote in message
news:dt**********@slavica.ukpost.com...

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.

[MisBehaving]

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

Sincerely,
MisBehaving