<
[email protected]
It's a mess on my Mac Safari 5, the map obscuring almost all text
above and below it. You are running into the common dangers of
absolute positioning. Abs pos takes things out of the normal flow
and needs careful handling.
I won't go into your nightmare CSS on the your map div but
simplest advice: don't absolute position or study the issues and
give better coordinates to leave more room at the top and bottom.
(btw, the dangers of using pixels for this is that users that
have a bigger text size than you are expecting will likely get
their text hidden).
About your footer, you need to note that not everyone will be
using flyspeck fonts (small) or wide browsers and that your
footer will not fit on one line. It is highly unlikely you need
so many divs and spans in it; it looks like over-coding.
If you want three buttons or anything in a row, lined up, there
are many ways to do this. You can put them in a three cell one
row table and use the default vertical-align or choose another.
Works well.
You can instead make sure they are same size and float all (but
remember, again, they will wrap if unable to fit on a line. You
can stop this latter by a min-width for the footer container but
that is not always the best for your users who might prefer not
to scroll horizontally).
You can simply put the items without too much fuss as display:
inline and they will then line up.
Because your efforts so far results in such a confused look,
please say better what it is you want.
Why *have* you got so many spans?
