Thanks to everyone for replying.
Especially Yazmin for the styles, which solved the problem, and Mark for the
explanation which has helped me greatly in understanding what was happening
and may help with a few other quirks!
John
On Thursday 04 June 2009 22:58:20 Mark Henderson wrote:
> On Behalf Of Yazmin Media
>
> > Sent: 5 June 2009 04:38
> > To: css-d@lists.css-discuss.org
> > Subject: Re: [css-d] Vertical Menu problem
> >
> > John,
> >
> > Try these definitions for your CSS:
> >
> > .verticalMenu {
> > background-color : #FFD096;
> > float : left;
> > margin-left : 6px;
> > width : 150px;
> > padding: 0;
> > }
> > .left_menu_txt {
> > padding: 0;
> > }
> > ul.left_menu_txt {
> > list-style: none;
> > margin: 0;
> > }
>
> Just to add to this: John, something you will need to understand is that
> many styling inconsistencies occur between browsers because these
> browsers apply their own styles to HTML elements (hence the now common
> use of a reset style sheet[1]). The most notable difference occurs with
> lists - Safari and Gecko based browsers (e.g. Firefox) use padding-left
> while Internet Exploder uses margin-left to indent, but as you are
> discovering Exploder also has a default top padding. As an FYI, for the
> sake of efficiency, the last 2 above rules can be merged:
>
> ul.left_menu_txt {
> list-style: none;
> margin: 0;
> padding: 0;
> }
>
>
> HTH
> Mark
>
> Further reading:
> [1] http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
> ______________________________________________________________________
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
http://www.donann.co.uk
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
