Добрый день всем ! у меня такая проблема во всех браузерах нормально отображаеться а в ei правый /*rightside blocks*/ прижимаеться к левому почти по центру становиться вчем может быть проблема вот код!
* { font-family: Arial, Tahoma, Helvetica, sans-serif; } form, h1, h2, h3, h4, h5, body, em, td, p, input, textarea, select, button, .reset, .reset li, a { margin: 0; padding: 0; font-size: 100%; } body { height: 100%; line-height: 106%; background: #eef0f1 url("../images/pagebg.png") repeat-x; }
h1, h2, h3, h4, h5 { line-height: normal; } h1 { font-size: 1.8em; } h2 { color: #9baab0; font-size: 1.3em; } h3 { font-size: 1.35em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; }
a, .registr a:hover { color: #b51100; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: 0 none; }
input, textarea, select, a { outline: none; } p { margin-bottom: 0.4em; } .clr { clear: both; } .small { font-size: 0.9em; } hr { border: 0 none; border-top: 1px solid #cfcfcf; height: 1px; } ul { padding-left: 16px; list-style-position:outside; list-style-image:none; } ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
.reset, .reset li { list-style: none; } input.reset { background: none; border: 0 none; }
.wrapper { width: 100%; max-width: 1600px; min-width: 990px; text-align: left; margin: 0 auto; font-size: 0.75em; } *html .wrapper { width: expression(((document.body.clientWidth)) < 990? "990px": ((document.body.clientWidth)) > 1600? "1600px": "92%" ); }
.toph h1, .lcolomn, .rcolomn { display:inline-block;} .lcolomn, .arg { float: left; } .rcolomn { float: right; } .thide { overflow: hidden; display:inline-block; height: 0; line-height: normal; } #topmenu li a, .nodec a, .vnavi a, .rightside .lastnews li a, .argmore a { text-decoration: none !important; }
/*head*/ .toph { font-size: 0.9em; height: 118px; padding: 0 16px; overflow: hidden; } .toph h1 a { margin-top: 30px; width: 346px; padding-top: 58px; background: url("../images/autopark.png"); }
.theuser { width: 257px; margin-left: 10px; } .registr { color: #adb4ba; padding: 20px 8px 0 0; height: 24px; text-align: right; } .registr a { color: #546470; }
.theuser .loginform { overflow: hidden; padding-left: 7px; height: 34px; background: #a2aab0 url("../images/loginform.png"); } .theuser .lfield { margin-top: 6px; float: left; width: 110px; height: 22px; overflow: hidden; } .theuser .lfield span, .theuser .lfield input { float: left; } .theuser .lfield span { font-size: 0.8em; padding: 6px 4px 0 4px; line-height: normal; color: #a2aab0; } .theuser .lfield input { padding-top: 4px; width: 58px; border: 0 none; } .theuser .lflogin { width: 90px; } .theuser .lflogin input { width: 50px; } .theuser .btn { padding-bottom: 2px; cursor: pointer; float: right; width: 49px; height: 34px; font-weight: bold; color: #fff; }
.loginenter { text-align: left; margin-top: 15px;} .loginenter h3 { padding-left: 15px;} .loginenter ul {display: block; float: left; width: 49%; margin-top: 2px;} .loginenter .vlinks li { float: left; padding-left: 15px; margin-right: 15px; background: url("../images/greyarrow.png") no-repeat 5px 50%; } .loginenter .vlinks li a { border-bottom: 1px dashed #b51100; } .loginenter .vlinks li a:hover { text-decoration: none; border: 0 none; }
.hlinks { display: inline; } .hlinks ul { margin-top: 50px; } .hlinks li { float: left; padding-left: 15px; margin-right: 15px; background: url("../images/greyarrow.png") no-repeat 5px 50%; } .hlinks li a { border-bottom: 1px dashed #b51100; } .hlinks li a:hover { text-decoration: none; border: 0 none; }
/*topmenu*/ .topmenu, .topmenu .tmlr { height: 47px; } .topmenu { margin-bottom: 11px; background: #b20e00 url("../images/topmenu.png") repeat-x 0 -94px; } .topmenu .tmlr { background: url("../images/topmenu.png") no-repeat 0 -47px; } .topmenu .tmlr .tmlr { padding-right: 11px; background: url("../images/topmenu.png") no-repeat 100% 0; } #topmenu { display: inline; } #topmenu li a, #topmenu li a b, #topmenu li { float: left; height: 43px; } #topmenu li a { font-size: 1.2em; line-height: 42px; color: #fff; background: url("../images/topmenulnk.png") no-repeat 100% 0; } #topmenu li a b { background: url("../images/topmenulnk.png") no-repeat 0 -43px; cursor: pointer; padding: 0 18px 0 16px; } #topmenu li a:hover, #topmenu li a.selected { background: #590000 url("../images/topmenulnk.png") no-repeat 100% -86px; } #topmenu li a:hover b, #topmenu li a.selected b { background: url("../images/topmenulnk.png") no-repeat 0 -129px; }
#topmenu li a.first b { background-position: 0 -172px; } #topmenu li a.first:hover b { background-position: 0 -215px; }
.submenu { overflow: hidden; margin: -1px 0 0 0; padding: 7px 0; background: #b20e00 url("../images/submenu.png") repeat-x; position: absolute; top: 0; z-index:999; width: 191px; border: 1px solid #611111; visibility: hidden; } .submenu a { font-weight: bold; width: 100%; padding: 4px 0; display: block; text-indent: 12px; text-decoration: none !important; color: #fff; font-size: 0.9em; } .submenu a:hover { background-color: #860b00; }
/*search*/ .searchbox { padding: 0 8px 0 47px; float: right; width: 172px; height: 35px; overflow: hidden; background: #282828 url("../images/searchform.png"); } .searchbox div { float: left; margin-top: 7px; padding: 4px 0 0 0; width: 140px; overflow: hidden; } .searchbox div input { font-size: 0.9em; width: 140px; color: #fff; } .searchbox .btn { margin-top: 7px; float: right; width: 28px; height: 22px; background: url("../images/searchfbtn.png") no-repeat; } .searchbox .btn:hover { background-position: 0 -22px; }
/*header*/ .header .hleft, .header { height: 155px; } .header { font-size: 0.85em; padding-right: 805px; background: #95a1a9 url("../images/headimage.jpg") no-repeat 100% 0; } .header .hleft { padding-left: 15px; background: url("../images/headimgleft.png") no-repeat; }
.header h3 { padding-top: 12px; height: 115px; color: #fff; } .header h4 { color: #242c34; }
.headbar { height: 75px; } .landcruiser { margin-right: 8%; float: right; background: url("../images/carhead.png") no-repeat; width: 388px; height: 164px; margin-top: -89px; position: relative; } .course { font-size: 0.9em; padding: 7px 0 0 43px; width: 319px; height: 50px; background: url("../images/courseblock.png") no-repeat; } .course li { padding: 2px 0; } .course li img { vertical-align: middle; }
.wrap { width: 100%; background: #fff url("../images/wraptop.png") repeat-x; } .wrap .wrap { background: url("../images/leftcolomn.png") repeat-y; } .wrap .wrap .wrap { background: url("../images/rightcolomn.png") no-repeat 100% 0; } .wrap .wrap .wrap .wrap { background: url("../images/wtopleft.png") no-repeat 0 0; } .wrap .wrap .wrap .wrap .wrap { background: url("../images/engine.jpg") no-repeat 0 100%; }
.container, .leftside, .midside, .rightside, .mainside { overflow: hidden; } .container { padding: 0 0 2px 200px; } .container .midside .container { padding: 0 258px 2px 0; } .leftside { width: 200px; margin: 0 0 0 -200px; padding: 18px 0 155px 0; } .rightside { width: 198px; margin: 0 -258px 0 0; padding: 18px 19px 0 41px; } .midside, .mainside, table.conts { width: 100%; } .mainside { padding-top: 20px; } table.conts { border: 0 none; border-collapse: collapse; border-spacing: 0; }
.dtitle { font-size: 1.2em; color: #fff; }
/*left vertical menu*/ .bnavi { width: 200px; background: #b71400 url("../images/leftnavi.png") repeat-y -200px 0; } .bnavi .dtop { padding-top: 5px; background: url("../images/leftnavi.png") no-repeat; } .bnavi .dbtm { padding-bottom: 88px; background: url("../images/leftnavi.png") no-repeat -400px 100%; } .bnavi .dtitle { margin: 0 18px 0.6em 18px; } .bnavi ul { margin-left: 9px; width: 180px; font-size: 0.9em; } .bnavi ul a { color: #fff; display: block; text-indent: 9px; width: 180px; height: 21px; line-height: 20px; margin-bottom: 2px; } .bnavi ul a:hover { background: url("../images/leftmenu.png") no-repeat; }
.lbox { padding: 10px 0 0 0; width: 200px; background: #dadde0 url("../images/leftblocks.png") no-repeat; } .lbox .lbox { padding: 0 0 105px 0; background: url("../images/leftblocks.png") no-repeat -200px 100%; }
.lbox .block { width: 200px; padding-bottom: 25px; margin-bottom: 25px; background: url("../images/blockleftsep.png") no-repeat 0 100%; } .lbox .block .dtitle { color: #d61e00; margin: 0 18px 0.4em 18px; } .lbox .block .dcont { margin: 0 18px; font-size: 0.9em; }
.nodec li a img { vertical-align: middle; margin-right: 5px; } .lbox .block .nodec li a, .rightside .nodec li a { color: #4a4a4a; } .lbox .block .nodec li a:hover, .rightside .nodec li a:hover { color: #bf1e01; }
.leftside .bcontact { font-size: 0.9em; text-align: right; padding-right: 18px; } .leftside .bcontact h3 { font-size: 1.7em; color: #d61e00; margin-bottom: 0.6em; font-weight: normal; }
/*rightside blocks*/ .rightside .block { width: 198px; margin-bottom: 2em; } .rightside .block .dtitle { padding-top: 9px; margin-bottom: 0.6em; height: 26px; background: url("../images/rightblock.png") no-repeat; text-indent: 13px; } .rightside .block .dcont { margin: 0 13px; font-size: 0.9em; }
.vnavi { overflow: hidden; } .vnavi ul { margin-top: -1px; } .vnavi a { padding: 3px 0; display: block; border-top: 1px solid #e9e9e9; background: url("../images/vnavi.png") no-repeat 100% -999px; } .vnavi a:hover { background-position: 100% 50%; }
/*vote*/ .rightside .bvoting { margin-bottom: 1.4em; width: 198px; background: #eaeaea url("../images/bvoting.png") repeat-y -198px 0; } .rightside .bvoting .dtop { padding-top: 13px; background: url("../images/bvoting.png") no-repeat; } .rightside .bvoting .dbtm { padding-bottom: 15px; background: url("../images/bvoting.png") no-repeat -396px 100%; } .rightside .bvoting .dtitle {margin: 0 13px 0.4em 13px; color: #6c7072; } .rightside .bvoting .dcont { margin: 0 13px; font-size: 0.9em; } .rightside .bvoting .vote { text-align: center; } .rightside .bvoting .fbutton { cursor: pointer; border: 0 none; color: #b81c03; width: 81px; height: 23px; background: url("../images/vbutton.png") no-repeat 0 0; padding-bottom: 2px; margin-bottom: 10px; } .rightside .bvoting .fbutton:hover { display: block;background: url("../images/vbutton.png") no-repeat 0 -23px; } .rightside .bvoting .vresult { cursor: pointer; border: 0 none; color: #b81c03; }
/*lastnews*/ .rightside .lastnews li a, .rightside .lastnews li a span { display:block; cursor: pointer; } .rightside .lastnews li { margin-bottom: 2px; } .rightside .lastnews li a { width: 182px; margin: 0 -5px; background: url("../images/lastnews.png") no-repeat 0 -999px; } .rightside .lastnews li a:hover { background: #f3f3f3 url("../images/lastnews.png") no-repeat; } .rightside .lastnews li a:hover span { background: url("../images/lastnews.png") no-repeat -182px 100%; } .rightside .lastnews li a span span { padding: 3px 5px; line-height: normal; } .rightside .lastnews li a span b { color: #373737; }
/*footer*/ .footer, .footer .footlr { height: 80px; } .footer { margin-bottom: 20px; background: #fff url("../images/footer.png") repeat-x; } .footer .footlr { padding: 0 0 0 200px; background: url("../images/footerleft.jpg") no-repeat; } .footer .footlr .footlr { padding: 0 19px 0 0; background: url("../images/footerright.jpg") no-repeat 100% 0; }
.copybox { padding: 12px 0 0 22px; width: 273px; height: 68px; background: #ba1e02 url("../images/copybox.png") no-repeat; } .copyright { height: 44px; color: #fff; font-size: 1.27em; } .copyright span { font-size: 0.7em; } .copyright a { color: #fff; }
.centroarts { display: block; font-size: 0.8em; color: #db8574; } .centroarts a { color: #db8574; }
.counts { display: inline; } .counts ul { float: right; } .counts ul li { float: left; width: 88px; height: 31px; margin: 34px 7px 0 0; }
|
|