Mike Barnard said:
Hi again.
This worked well in Firefox. But when I look at it in IE it overlaps
the floated 'eye' logo instead of sliding under it. What in the float
system is broken in IE?
Can someone educate me as to the differences in the browsers that
cause this?
I did not give you the neg margin as an actual solution (though
it might be part of some solution). It was more to find out if
that was the look you wanted regarding where the blue started.
Anyway, what you have at this moment (7.43 am Sydney) looks ok in
FF, but not in Safari where the blue slides *over* the fire
helmet(?)logo.
I would suggest redesigning some markup for the top bits of your
page that do not require all this fancy footwork with neg
margins. If you are fixed on the look of that banner, the red,
the light blue strip underneath, the helmet thing to the left,
the text a bit to the right, fine. Put the whole lot in a div and
give it a thin strip of vertical background that gets repeated in
the horizontal direction. The vertical bg will be these colours
you like, mostly red and a bit of blue at the foot. Be reasonable
and give some spare pixels so the tiny text can grow. It does not
matter if this type breaks out a bit with unusually large user
set text size. Get the blue to be just below the helmet. It is
simple because all in pixels.
This way, the whole top unit is a nice simple rectangle and the
rest, especially the left nav col will but nicely up to it. No
tricks. Solid.
Yes, I know, the dimensioning of the box up top will be pixels
and this goes "against" the idea of text growing within their
boxes. But things are a matter of give and take. You have to make
decisions. There are solutions to everything. Perfection is hard.
You can either simply make the heading text a size that will be
fine for a few text size clicks by the user either way and don't
worry about things breaking out under extreme controls or you can
simply make the header text a picture itself. *Often* quite a
fine thing to do and a way to get a nice font or graphic impact.
It is an option and the world will not cave in if you do this.