Вот весь css фаил:| Код |
body{ background-image: url(/images/background.jpg); background-repeat: repeat-x; margin-top: 0; margin-left: 0; }
body,p,table,tr,td,div { font-size: 96%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #434343; }
a { font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #009900; }
h1 { font-size: 140%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #009900; padding-bottom: 5px; border-bottom: 1px dashed #009900; }
.mainContainer { width: 700px; padding: 0px 10px 10px 10px; background-color: #ffffff; border-left: 1px solid #009900; border-bottom: 1px solid #009900; }
.ddoverlap{ }
.ddoverlap ul{ padding: 0; margin: 60px 0px 0px 0px; font-weight: bold; font-size: 98%; list-style-type: none; }
.ddoverlap li{ display: inline; margin: 0; }
.ddoverlap li a{ padding: 3px 7px; text-decoration: none; padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/ color: White; background: transparent url(/images/righttabdefault.gif) no-repeat 100% 1px; /*give illusion of shifting 1px down vertically*/ position: relative; display: block; float: left; margin-left: -20px; /*shift tabs 20px to the left so they overlap*/ left: 20px; font-size: 98%; font-weight: bold; }
.ddoverlap li a:visited{ color: White; } .ddoverlap li.selected a:visited{ color: Black; }
.ddoverlap li a:hover{ text-decoration: underline; }
.ddoverlap li.selected a{ /*selected tab style*/ color: black; z-index: 100; /*higher z-index so selected tab is topmost*/ top: 1px; /*Shift tab 1px down so the border beneath it is covered*/ background: transparent url(/images/righttabselected.gif) no-repeat 100% 0; border-left: 1px solid #dbdbd5; }
.ddoverlap li.selected a:hover{ text-decoration: none; }
.ddoverlap{ height: 1%; }
.logo{ padding: 0.5em; } .object{ background: #D3EDD2; border: 1px solid #7EB677; padding: 4px !important; margin-left: 10px; margin-bottom: 10px; width: 149px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #416541; display: block; } td.palleteItem{ width: 149px; } .object_text_desc{ font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #F4771A; font-weight: bold; } a.descAncor:link,a.descAncor:visited, a.descAncor:active, a.descAncor:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #416541; text-decoration: none; font-weight: bold; } .descText{ font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #416541; } td.pallete{ background-color: White; border-left: 1px solid #35742D; border-bottom: 1px solid #35742D; } .grid{ margin-left: 10px; margin-bottom: 10px; margin-right: 10px; } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */
/* Vertical left navigation*/ #vertmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px; }
#vertmenu ul { list-style: none; margin: 0px !important; padding: 0px; border: none; }
#vertmenu ul li { margin: 0px; padding: 0px; }
#vertmenu ul li a { display: block; border-bottom: 1px solid #009900; padding: 5px 0px 0px 25px; text-decoration: none; color: #009900; /* width:100%; */ }
#vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #000000; background-color: #ffffff; }
/*-----------------------*/
/* Language switch*/
.langSwitch { color: #009900; font-weight: bold; font-size: 90%; font-family: Arial, Helvetica, sans-serif; padding-left: 30px; text-decoration: none; } .langSwich a { text-decoration: none; color: #cccccc; }
/*------------------------*/
/* Fend object container */
.fend-obj-conatiner { background: #D3EDD2; border: 1px solid #7EB677; padding: 4px !important; margin-left: 10px; margin-bottom: 10px; color: #416541; display: block; } .fend-img-conatiner { background-repeat: no-repeat; background-position: center; background-color: #ffffff; border: 1px solid #7EB677; padding: 0px !important; margin-bottom: 4px; } .fend-descript-container { /* background: #EDF4EC; */ color: #009900; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; } .fend-descript-container a { text-decoration: none; color: #F29E00; font-size: 1.1em; padding: 2px; } .fend-descript-container a:hover { background: #FFFFFF; }
/*----------------------------*/
td.topLineLeft{ text-align: left; color: #35742D; font-size: 0.8em; } td.topLineRight{ text-align: right; color: #35742D; font-size: 0.8em; } .rowWhitePro{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; font-weight: bold; padding: 2px; } .rowWhiteValue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; } .rowYellowPro{ background-color: #FFFFE0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; font-weight: bold; padding: 2px; } .rowYellowValue{ background-color: #DFFFDF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; } div.Copyright{ background: #C1DAC5; color: #1B731D; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: smaller; padding: 0px; margin: 0px; text-align: center; position: absolute; width: 100%; top: 97.5%; right: 0; bottom: auto; left: 0; }
|
Самое интересное здесь:| Код | /* Vertical left navigation*/ #vertmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px; }
#vertmenu ul { list-style: none; margin: 0px !important; padding: 0px; border: none; }
#vertmenu ul li { margin: 0px; padding: 0px; }
#vertmenu ul li a { display: block; border-bottom: 1px solid #009900; padding: 5px 0px 0px 25px; text-decoration: none; color: #009900; /* width:100%; */ }
#vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #000000; background-color: #ffffff; }
|
Это меню в качестве вертикального списка. В FF нормально выводит список. Смотрится как нужно. А в IE элементы списка имеют между собой расстояние где-то в 20 px то есть получается растянутым. И из-за чего это?
Вот посмотрите в прикреплённом файле. там красным отмечено вдруг возникшее пространство между элементами списка. |