css:
Код:
body { font-family: Tahoma, Verdana, Arial, sans-serif; line-height: 1.3em; margin: 0; padding: 0; font-size: 11px; color: #777; background: #fff; } body.contentpane { background: #fff; } form { margin: 0; padding: 0; } img,table { border: none; } p { margin: 5px 0; text-align: justify; } a { color: #297710; outline: none; text-decoration: none; font-weight: 400; } a:link { font-weight: 400; } a:visited { font-weight: 400; color: #7E3DD0; } a:hover { text-decoration: underline; font-weight: 400; } input { color: #ccc; outline: none; margin: 0; } input:focus { outline: none; } button { color: #fff; font-size: 11px; border: none; background: #696969; cursor: pointer; } #modlgn_remember.inputbox { background: none; border: none; width: auto; vertical-align:middle; } input.button, .validate { color: #fff; font-size: 11px; cursor: pointer; font-weight: 700; border: none; height:18px; line-height:13px; padding: 2px 4px 4px; margin:6px 0 0 0; } /*****************************************/ /*** Template specific layout elements ***/ /*****************************************/ #page_bg { background: #84ae77 url(../images/page_bg.png) repeat-x top center; } #wrapper { margin:0 auto; background: transparent url(../images/wrapper.png) no-repeat top center; } #header { position:relative; height:248px; width:960px; margin:0 auto; background: transparent url(../images/headerimg.png) no-repeat top center; } #pillmenu { height:63px; margin:0 auto; background: transparent url(../images/t_menu_bg.png) no-repeat center top; } #pillmenu ul { margin:0 auto; padding:0; list-style: none; height:46px; overflow: hidden; width:920px; } #pillmenu li { float: left; } #pillmenu li a { float:left; color: #297710; text-decoration: none; font-weight: 700; height:50px; line-height:50px; padding: 0 10px; margin:0; cursor:pointer; background:none; } #pillmenu li a:hover, #pillmenu li a#active_menu-nav { color:#ff0000; } h1.logo { float: left; width: 100%; margin-left :150px; margin-top: 50px; } h1.logo a{ display: block; float:left; width: 450px; height: 80px; background:none; } .art-Logo-text { display: block; text-align: left; } .art-Logo-text, .art-Logo-text a { font-family: Arial, Helvetica, Sans-Serif; font-size: 17px; font-style: normal; font-weight: bold; padding:0; margin-left: 7px; margin-bottom: 15px; color: #FFddcc !important; visibility: hidden; } .cpathway { height:18px; line-height:15px; margin:0 auto; padding:0 20px 0 38px; width:926px; overflow:hidden; background: transparent url(../images/path_bg.png) repeat-y top center; } .cpathway img { float:left; padding:5px 6px 0 0; } span.breadcrumbs.pathway { float:left; color:#84ae77; padding:0; margin:0; } span.breadcrumbs.pathway a.pathway { float:left; margin:0; padding:0 6px 0 0; color: #7d7c7c; font-weight:400; text-decoration: underline; } span.breadcrumbs.pathway a.pathway:hover { text-decoration: underline; } #left_block { position:absolute; right:5px; top:26px; width:230px; padding-top: 20px; } #search { position:absolute; left:5px; top:226px; height:30px; width:195px; } .search { height:30px; background: transparent url(../images/inputbox.png) no-repeat top left; } .search .inputbox { float:left; border: none; color: #000; font-size:11px; line-height:14px; width:141px; height:14px; padding:8px 10px; background: none; } .search .button { float:left; margin:0; padding:0; text-indent:-9999px; height:30px; width:34px; border:none; background: transparent url(../images/search_but.gif) no-repeat top left; } .search .button:hover { color:#ff0000; } #maincolumn_t { float:left; height:21px; width:514px; background: transparent url(../images/maincolumn_t_m.png) no-repeat top center; } #maincolumn_t_l { float:left; height:21px; width:714px; margin:0; padding:0 0 0 10px; background: transparent url(../images/maincolumn_t_l.png) no-repeat top right;} #maincolumn_t_r { float:left; height:21px; width:724px; margin:0 0 0 13px; background: transparent url(../images/maincolumn_t_r.png) no-repeat top left;} #maincolumn_t_full { width:934px; height:21px; margin:0 auto; background: transparent url(../images/maincolumn_t_full.png) no-repeat top center;} #content { margin:0 auto; width:960px; padding:0 12px; } .c_left {background: transparent url(../images/content_l.png) repeat-y top center;} .c_right {background: transparent url(../images/content_r.png) repeat-y top center;} .c_middle {background: transparent url(../images/content.png) repeat-y top center;} .c_full {background: transparent url(../images/content_full.png) repeat-y top center;} #leftcolumn, #rightcolumn { float: left; width: 213px; margin:0 10px 0 0; padding:0; } #rightcolumn { margin:-20px 0 0 10px; } div#maincolumn { float: left; padding:0 10px 10px; width: 494px; } div#maincolumn_full { margin:0 auto; padding:0 10px 10px; width: 910px; } div#maincolumn_left, div#maincolumn_right { float: left; padding:6px 0 10px 12px; width: 700px; } div#maincolumn_right { padding:6px 17px 10px 20px; } div.nopad { overflow: hidden; } div.nopad ul { clear: both; } td.middle_pad { width: 20px; } #footer { height: 44px; font-size:11px; color: #297710; margin: 0 auto 20px; padding:0 10px; text-align:center; background: transparent url(../images/footer.png) no-repeat center bottom; } #footer a { color: #297710; text-decoration: none; } #footer a:hover { text-decoration:underline; } #footer_hold { height:30px; line-height:29px; width:922px; margin:0 auto; overflow:hidden; } a.footer123:link, a.footer123:visited { color: #FE8300; font-family: Tahoma, Arial, sans-serif; text-decoration: underline; } #f123 { text-align: right; width: 100%; margin: 0 auto; font-family: Tahoma, Arial, sans-serif; } .f123 { text-align: right; font-family: Tahoma, Arial, sans-serif; text-decoration: none; } .f123_bg { background:url(../images/123_bg.png); width:134px; height:30px; text-align:center; padding: 0 3px; } .f123_1 { display: block; font-size: 10px; font-family: Tahoma, Arial, sans-serif; color: #666; text-align: left; padding: 0 0 2px 4px; } a.link_123:link, a.link_123:visited { font-size: 15px; font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif; color: #797979; text-decoration:none; font-weight: 700; } a.link_123:hover { font-size: 15px; font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif; color: #797979; text-decoration:none; font-weight: 700; } /*****************************************/ /*** Joomla! specific content elements ***/ /*****************************************/ div.offline { background: #fffebb; width: 100%; position: absolute; top: 0; left: 0; font-size: 1.2em; padding: 5px; } /* headers */ div.componentheading { height: 22px; margin:0; color: #000; } table.blog { } h1 { padding: 0; font-family: verdana, Arial, sans-serif; font-size: 1.3em; line-height:19px; font-weight: 700; vertical-align: bottom; color: #000; text-align: left; width: 100%; } h2, .contentheading { padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; vertical-align: middle; color: #297710; text-align: left; font-weight: 700; } h2, a.contentheading { background: none; border: none; margin:6px 0; } table.contentpaneopen h3 { margin-top: 25px; color:#585858; } h4 { font-family: Tahoma, Arial, sans-serif; color: #333; } h3, .componentheading, table.moduletable th, legend { margin:6px 0; font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-weight:700; text-align: left; text-transform:uppercase; color: #333; padding: 0; } /* small text */ .small { font-size: 9px; color: #666666; font-weight: 700; text-align: left; } .modifydate { height: 20px; vertical-align: bottom; font-size: 10px; color: #666; text-align: right; } .createdate { vertical-align: top; font-size: 11px; color: #999; padding-bottom: 8px; } a.readon { float: right; line-height: normal; font-size: 11px; padding: 0 0 0 14px; color: #7c7c7c; text-transform: lowercase; text-decoration: none; } a.readon:hover { text-decoration: underline; } /* form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /** overlib **/ .ol-foreground { background-color: #f1f1f1; color: #333; } .ol-background { background-color: #f1f1f1; color: #333; } .ol-textfont { font-family: Tahoma, Arial, sans-serif; font-size: 10px; } .ol-captionfont { font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #fbfbfb; font-weight: 700; } .ol-captionfont a { background-color: #f1f1f1; color: #333; text-decoration: none; font-size: 12px; } .ol-closefont {} /* menu links */ a.mainlevel:link, a.mainlevel:visited { padding-left: 5px; } a.mainlevel:hover { } /* spacers */ span.article_separator { display: block; height: 20px; } .article_column { } .column_separator { } td.buttonheading { text-align: right; width: 0; } .clr { clear: both; font-size:0; } table.blog span.article_separator { display: block; height: 20px; } /* table of contents */ table.contenttoc { margin: 5px; padding: 5px; background: none; } table.contenttoc td { padding: 0 5px; } /* content tables */ td.sectiontableheader { color: #BE2D2D; font-weight: 700; padding: 4px; } tr.sectiontableentry1 td { padding: 4px; } tr.sectiontableentry1 { background:#fff; } tr.sectiontableentry0 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding-left: 53px; font-size: 11px; } /* content styles */ .contentpaneopen, table.contentpane { margin: 0; padding: 0; } table.contentpane td{ text-align: left; } table.contentpane td.contentdescription { width: 100%; } table.contentpane { text-align: left; float: left; width: 100%; } table.contentpane ul li a .category { color: #FF8800; } table.contentpane ul li { color: #666; } table.contentpaneopen { border-collapse: collapse; padding: 0 36px; margin:0 6px; } table.contentpaneopen li { margin-bottom: 5px; } table.contentpaneopen fieldset { border: 0; border-top: 1px solid #669933; } table.contentpaneopen h3 { margin-top: 25px; } table.contentpaneopen h4 { font-family: Tahoma, Arial, sans-serif; color: #000; } .highlight { background-color: #fffebb; } ul.latestnews, ul.mostread { list-style:none; padding:0; margin:0; text-align:left; } /* module control elements */ table.user1user2 div.moduletable { margin-bottom: 0px; } div.moduletable, div.module { margin-bottom: 25px; } div.module_menu, div.module, div.module_text{ margin:0 0 14px 0; padding: 0; width:213px; background: transparent url(../images/box_m.png) repeat-y top left; } #rightcolumn div.module_menu, #rightcolumn div.module, #rightcolumn div.module_text { background: transparent url(../images/box_m_r.png) repeat-y top right; } .popular .module div { background:none; height:138px; overflow:hidden; } #leftcolumn div.module_menu div, #leftcolumn div.module div, #leftcolumn div.module_text div { margin:0; background: transparent url(../images/box_b.png) no-repeat bottom left; } #rightcolumn div.module_menu div, #rightcolumn div.module div, #rightcolumn div.module_text div { background: transparent url(../images/box_b_r.gif) no-repeat bottom right; } div.module_menu div div, div.module div div, div.module_text div div { text-align: center; margin:0; padding:0; } div.module_menu div div div, div.module div div div, div.module_text div div div { padding:0 0 14px 0; margin:0; color:#2c3152; } div.module div div div div { width: 160px; color:#297710; } div.module_menu div div div div, div.module div div div div, div.module_text div div div div { background: none; margin:0 auto; padding:0; } div.module_text div div div div { text-align: left; } div.module_text div div div div.bannergroup_text { padding: 10px 10px 10px 20px; width: 174px; } div.module_text div div div div.bannergroup_text div { color:#666666; width: auto; padding: 0 0 4px; } div.module div div div form { margin:0 auto; padding:0 0 6px 20px; text-align:left; width:180px; } div.module_menu ul { list-style: none; padding: 0; } div.module_menu ul#mainlevel { margin: 0 auto; text-align: center; } div.module_menu ul li{ margin: 0; padding: 0; } div.module_menu ul li a:link, div.module_menu ul li a:visited { font-weight: 700; padding: 2px 0; line-height: 24px; background: transparent url(../images/blue/bullet2.jpg) top left no-repeat; } #leftcolumn div.module table ,#rightcolumn div.module table { padding: 0 0 6px 0; } #leftcolumn div.module table td ,#rightcolumn div.module table td { margin:0; padding: 0 6px 0 0; height:20px; color:#297710; text-align:left; line-height:13px; vertical-align: middle; } #leftcolumn div.module table.poll { } #leftcolumn div.module table.poll td { text-align: left; } /* LEFT COL H3 */ #leftcolumn h3, #rightcolumn h3 { width:193px; height: 44px; line-height: 54px; margin:0 0 6px 0; padding: 0 10px; color: #297710; font-size: 11px; text-align: left; font-weight: 700; overflow:hidden; text-transform:none; background: transparent url(../images/box_h3.png) no-repeat top left; } #rightcolumn h3 { background: transparent url(../images/box_h3_r.png) no-repeat top right; } .moduletable_menu, .moduletable, .moduletable_text { margin: 0 0 16px 0; padding: 0 0 8px 0; } #leftcolumn ul.menu, #rightcolumn ul.menu { list-style: none; text-align: left; margin:0; padding:0; } #rightcolumn ul.menu { margin:0 10px 0 0; } #leftcolumn ul.menu li, #rightcolumn ul.menu li { margin:0 0 1px 0; } #leftcolumn ul.menu li:hover, #rightcolumn ul.menu li:hover { } #leftcolumn ul.menu li ul li, #rightcolumn ul.menu li ul li { } /*LEFT COL LINK*/ #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link { display:block; font-weight: 400; font-size: 11px; height:18px; line-height: 17px; padding: 0 0 0 20px; margin:0 0 0 14px; text-decoration: none; color: #297710; background: transparent url(../images/menu_arrow.png) no-repeat left top; } #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover { color: #ff0000; background: transparent url(../images/menu_arrow_hover.png) no-repeat left top; } /*LEFT COL CURRENT LINK*/ #leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current { } #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link { display:block; color: #ff0000; font-weight: bold; background: transparent url(../images/menu_arrow_hover.png) no-repeat left top; } #leftcolumn ul.menu li#current { } #leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover { display:block; color: #ff0000; background: transparent url(../images/menu_arrow_hover.png) no-repeat left top; } /*LEFT COL SUB LINK*/ #leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link, #rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link { font-weight: 400; text-decoration: none; color: #297710; margin:0 0 0 24px; padding:0 0 0 16px; line-height:17px; background: transparent url(../images/menu_arrow.png) no-repeat left top; } #leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover { margin:0 0 0 24px; padding:0 0 0 16px; color: #ff0000; background: transparent url(../images/menu_arrow_hover.png) no-repeat left top; } #leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current { } #leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li { } #leftcolumn ul.menu li.parent ul li a, #rightcolumn ul.menu li.parent ul li a { line-height:17px; font-size: 11px; font-weight: 400; text-decoration: none; color: #297710; margin:0 0 0 24px; padding:0 0 0 16px; } #leftcolumn ul.menu li.parent ul li a:hover { color: #ff0000; background: transparent url(../images/menu_arrow_hover.png) no-repeat left top; } /*SUBMENU POSITION*/ #leftcolumn ul.menu li#current ul { margin: 0; padding: 0; } #leftcolumn ul.menu li#current ul li { margin: 0; padding: 0; } /*CURRENT SUBMENU POSITION*/ #leftcolumn ul.menu li ul { margin: 0; padding: 0; } #leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul { list-style: none; margin:0; } /* forms */ #leftcolumn .moduletable ul, #rightcolumn .moduletable ul { margin: 6px 0; padding: 0; list-style: none; } #leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li { margin: 0; padding: 0 2px; } table.adminform textarea { width: 540px; height: 400px; font-size: 1em; color: #000099; } form#form-login fieldset { border: 0 none; padding: 0; margin:0; color:#297710; text-align: left; } form#form-login ul { padding: 0; list-style: none; text-align: left; margin: 10px auto 0; } form#form-login ul li { padding: 0; } form#form-login ul li a { text-align: left; padding: 0; font-size: 11px; color: #297710; text-decoration: none; } form#form-login ul li a:hover { text-decoration: underline; } #form-login input { border:1px solid #79a26d; color:#297710; font-size:11px; height:16px; line-height:14px; padding:2px 4px; background:#e0e3c2; } input#modlgn_passwd, input#modlgn_username { width:150px; } input.button, #form-login input.button { height:20px; font-weight:700; border:none; color:#297710; line-height:15px; padding:2px 6px 4px; background:transparent url(../images/but.gif) repeat-x top left; } input.button:hover, #form-login input.button:hover { color:#ff0000; } /* thumbnails */ div.mosimage { margin: 5px; } div.mosimage_caption { font-size: .90em; color: #333; } div.caption { padding: 0 10px 0 10px; } div.caption img { border: 1px solid #CCC; } div.caption p { font-size: .90em; color: #333; text-align: center; } /* Parameter Table */ table.paramlist { margin-top: 5px; } table.paramlist td.paramlist_key { width: 128px; text-align: left; height: 30px; } table.paramlist td.paramlist_value { } div.message { font-family: Tahoma, Arial, sans-serif; font-weight: 700; font-size : 14px; color : #c30; text-align: center; width: auto; background-color: #f9f9f9; border: solid 1px #d5d5d5; margin: 3px 0px 10px; padding: 3px 20px; } /* Banners module */ /* Default skyscraper style */ .bannergroup { } .banneritem { } /* Text advert style */ .banneritem_text { padding: 4px; font-size: 11px; } .banneritem_text a { font-weight:700; color:#297710; } .bannerfooter_text { padding: 4px; font-size: 11px; text-align: right; } /* System Messages */ /* see system general.css */ .pagination span { padding: 2px; } .pagination a { padding: 2px; } /* Polls */ .pollstableborder td { text-align: left; } /* Frontend Editing*/ fieldset { border: 1px solid #ccc; margin-top: 15px; padding: 4px; } legend { margin: 0; padding: 0 10px; } td.key { border-bottom:1px solid #eee; color: #333; } /* Tooltips */ .tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; } .tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: 700; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .tool-text { font-size: 100%; margin: 0; } /* System Standard Messages */ #system-message dd.message ul { padding: 0; margin: 0; background: none; border: none; } /* System Error Messages */ #system-message dd.error ul { color: #c00; background: none; border: none; padding: 0; margin: 0; } /* System Notice Messages */ #system-message dd.notice ul { color: #c00; background: none; border: none; padding: 0; margin: 0; } #system-message dd { text-indent: 0; } #system-message dd ul { list-style-type: none; color: #c00; background: none; border: none; } #system-message { margin-top: 5px; }
Отредактированно lobo (08.12.2013 10:24)
Нет на форуме
#2 08.12.2013 15:19
- lobo
- Новичок
- Зарегистрирован: 08.12.2013
- Сообщений: 5
Re: Проблема с IE
Ну хотя бы подскажите , с чего начать ... на что обратить внимание
Нет на форуме
#3 08.12.2013 16:14
- vashurin
- Moderator
- Зарегистрирован: 14.09.2010
- Сообщений: 291
- Вебсайт
Re: Проблема с IE
Сначала сделайте код без PHP, один HTML. А то в нем разобраться не возможно.
С уважением, Вашурин Владимир.
Нет на форуме
#4 08.12.2013 17:03
- lobo
- Новичок
- Зарегистрирован: 08.12.2013
- Сообщений: 5
Re: Проблема с IE
vashurin написал:
Сначала сделайте код без PHP, один HTML...
Сделал
Код:
Нет на форуме
#5 09.12.2013 09:50
- lobo
- Новичок
- Зарегистрирован: 08.12.2013
- Сообщений: 5
Re: Проблема с IE
Опять что то не так сделал? Не ужели никто не сталкивался с подобной проблемой?
Отредактированно lobo (09.12.2013 09:55)
Нет на форуме
#6 09.12.2013 15:08
- vashurin
- Moderator
- Зарегистрирован: 14.09.2010
- Сообщений: 291
- Вебсайт
Re: Проблема с IE
Код:
Опять что то не так сделал?
Код:
template ?>
Покажите какой HTML на выходе получается.
С уважением, Вашурин Владимир.
Нет на форуме
#7 09.12.2013 16:00
- lobo
- Новичок
- Зарегистрирован: 08.12.2013
- Сообщений: 5
Re: Проблема с IE
vashurin написал:
Код:
template ?>Покажите какой HTML на выходе получается.
vashurin ,можно прояснить что вы имеете в виду под "...на выходе..." я что то не понял .
Спасибо.
Нет на форуме
#8 29.12.2013 19:52
- Михалыч-КВМ
- Новичок
- Зарегистрирован: 26.12.2013
- Сообщений: 5
Re: Проблема с IE
ИЕ6, ИЕ7, ИЕ8 это как заноза для верстальщиков. Все кажут по разному. Почитай про них, как они отображают отступы, здесь найдёш - http://htmlbook.ru/
Нет на форуме