Posted by Andy Dingley on 04/18/07 10:42

On 18 Apr, 00:06, Luis Farzati <lfarz...@gmail.com> wrote:

> I'd appreciate any tip you can give me.

Stop thinking about "FF vs. IE" Think instead about "FF vs standards"
and "IE vs standards". Worry about making your work match the
standards first, then worry about the browsers afterwards.

If you try to fix browser vs. browser problems, then there's no
visible and objective standard for what is truly "right" and it's
almost impossible to make progress. If you work to the standard
instead, then you might have to check it for "browser compatibility"
for each browser separately, but at least this is an easy / trivial
task, even if you have to do it a few more times. Especially because
in practice FF and Safari will usually get it right anyway, it's still
just IE that has problems.

I can't really comment further as I don't know what you're trying to
achieve and I can't see obvious rendering differences between FF and
IE. A couple of general comments though:

* Avoid setting the display property to flip block and inline elements
around unless you _need_ to. Most of the time you can just use the
right element to begin with particularly using <div> rather than
<span>. You should usually only need to use this (valuable) technique
when you're already forced into an %inline; context, such as needing
to place a block-rendered element inside <a> by using <span
style="display:block;" >

* Use containment between elements as much as possible. This is
simple, reliable and a good way to construct columns etc.

I don't know why IE has broken it here around DNI / Estado Civil, but
suspect that it's to do with the display:block you've applied to the
<span> This is still the _right_ technique though, so persevere
despite M$oft!

Try using a <div> instead of the <span> and see if that improves
matters. Otherwise it's probably some IE funny about float having
strange behaviours in rare cicrumstances (often not "wrong"
behaviours, just surprising ones in obscure and poorly documented
conditions). Try reading http://brainjar.com/css/positioning/ as a
good guide, especially for floating.

[Back to original message]