Sent by IChao on 18 October 2004 14:02
Bryan GARNETT-LAW wrote:
>
> http://wwwdev.chs.ecu.edu.au/ssc/indexcss.php
>
> WIN IE 6 - Works as I would expect
> WIN FF 1.0PR / MAC FF 1.0PR / MAC SAFARI 1.0 - Hover doesn't change the
> colour
> MAC IE 5.21 - "Sitemap, Search, Help" links appear below, causing images
> to render below
>
> Another problem, which I have managed to disguise, is around 5-10 pixels
> appearing below the image which I could not eliminate.
>
Bryan,
for searching the archives, a more specific subject line would be
helpful, thanks.
#navstrip a
has to hold an image as an inline replaced element (sitting on the
baseline of a line box, and there are usually some pixels below
baselines) and a span on block level via display:block;
On a:hover, you'd expect the background-color is changing in the span
too, but FF and Opera are showing this transition only behind the images
(you might block images to see this).
to fix this, you will have to add
display: block;
to #navstrip a
and to
#navstrip img (to prevent the imgs from being underlined on hover in FF)
Another problem is the missing clear: both for #navigation and
#navstrip, its a problem of containing floats.
#navigation #leftlinks will push the following #navstrip to the right
(to illustrate this, you might text-zoom with ctrl+ in FF).
With clearing last elements in #navigation and in #navstrip, you
wouldn't need to set explicit heights for them, and your layout would
become more flexible for the few who zoom web pages.
Ingo
Ingo
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
