width 100%

[Marco]

Hi everybody, I got a small problem that I really hope someone will help me
to solve because I have to do another one site whith this same kind of menu
and it is really a problem if I can't solve it.

I got a 150px div with a menu inside.
menu items all are 100% width, with different background-color in a e
a:hover.
The problem is that in IE and Opera it render OK, but in all other browsers
background color takes just the width of text and not 150px of container
div.

How can I manage to visualize a link background 150px wide?

thanks

[jmm-list-gn]

Marco wrote:

I got a 150px div with a menu inside.
menu items all are 100% width, with different background-color in a e
a:hover.
The problem is that in IE and Opera it render OK, but in all other browsers
background color takes just the width of text and not 150px of container
div.

How about an URL? There is only enough info here for a WAG.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[David Dorward]

Marco wrote:

I got a 150px div with a menu inside.
menu items all are 100% width, with different background-color in a e
a:hover.
The problem is that in IE and Opera it render OK, but in all other
browsers background color takes just the width of text and not 150px of
container div.

Sounds like you aren't using nice markup for the menu, and are trying to use
the width property on an element with display: inline (where it doesn't
apply).

The solution to both issues: http://css.maxdesign.com.au/listamatic/

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Toby Inkster]

Marco wrote:

background color takes just the width of text and not 150px of container
div.

display:block;

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

[la_haine]

"Marco" <ma***@nospam.net> wrote in news:jkP_c.15150$B06.2973
@news.edisontel.com:

How can I manage to visualize a link background 150px wide?

http://www.1976design.com/blog/archi...ntation-fitts-
law/

or http://tinyurl.com/6dmz9 if that link is too long.

--
Time flies like an arrow; fruit flies like a banana.

[Andrew Thompson]

On Wed, 8 Sep 2004 15:55:42 +0000 (UTC), la_haine wrote:

http://www.1976design.com/blog/archi...ntation-fitts-
law/

'<' / '>' often works to protect long links..
<http://www.1976design.com/blog/archive/2004/09/07/link-presentation-fitts-law/>

[ I despise those 'tinyurl's because
they fail when searching the archives. ]

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

[Toby Inkster]

Andrew Thompson wrote:

I despise those 'tinyurl's because they fail when searching the archives.

I despise them for other reasons:

- can't see where they're going before you click on them;

- not one, but two redirects before you get to the real
page -- slowing me down!

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact