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/

Reply via email to