Brian Jones wrote:
> thanx alot for the help...can you check to make sure
> that I laid it out right...the spacing is the same for
> the different browsers so i guess i did it
I had a look at it in Opera 7.54, Firefox 0.9.3 and IE6, and they are
clearing and spacing alright. Slight differences in the spacing below
the new float indicate that all 3 browsers reacts slightly different -
depending on which </div> is cleared with what.
You are using a 'div.spacer' (with dimensions and ) as clearing,
in addition to two 'br.break' (without dimensions). You may have to move
each of those clearer-elements around and see which of those last </div>
should be cleared by what in order to make it uniform across browsers.
It looks alright as it is though - just different...
IE5.0-win may not be a target, but I tested it anyway. Box-model
problems are destroying the layout / clearing in that one.
I experimented with a much larger negative right margin on the new float
- and a changed width, and it landed correctly with addition of
'margin-right: -400; _width: 50%; _w\idth: 100%;' on div#contact for
IE-win in quirks-mode / standard mode. However, the whole layout is off
in IE5.0-win, so I didn't go further.
If you want to adress the older IE-win browsers, you should use a proper
'*html' hack or a 'conditional comment' to target them. I use 'leading
underscore' and 'unitless values' for testing (quick and dirty) only.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/