ie - не отображает внесенные изменения в шаблон

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by Faina, Nov 12, 2010.

  1. Faina
    Offline

    Faina Недавно здесь

    Joined:
    Nov 3, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Female
    Доброе утро!!
    Подскажите пожалуйста, что нужно прописать что ie стал отображать изменения:

    1. верхнее меню
    2. белый фон и пружинки
    3. и банер с песней

    скриншот ie (7 версия, в 8 так же)
    41-ie.jpg


    скриншот мозилы (в опере так же)
    41-m.jpg

    код

    Код (PHP):
    1. *{margin:0;padding:0;border:0}
    2. body.contentpane{background:#CCC}
    3.  
    4. h1{font-size:22px}
    5. h2{font-size:18px}
    6. h3{font-size:18px}
    7. h4{font-size:18px}
    8. h5{font-size:18px}
    9. h6{font-size:18px}
    10. ul{list-style:none outside}
    11. img,table{border:0}
    12. p{margin:10px 0;line-height:18px}
    13. a{font-weight:bold;color:#069;text-decoration:none;outline:none}
    14. a:hover{text-decoration:underline}
    15. input {font:normal 12px "Trebuchet MS",Arial,Helvetica,sans-serif;outline:none;margin:0}
    16. input:focus{outline:none}
    17. button{font:bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif;border:none;cursor:pointer}
    18.  
    19. .fleft{float:left}
    20. .fright{float:right}
    21. .lclear{clear:left}
    22. .rclear{clear:right}
    23. .fclear{clear:both}
    24. .nobdr{border:none}
    25. .nopadding{padding:0}
    26. .nomargin{margin:0}
    27. .calign{margin:0 auto}
    28. .wrapper{margin:0 auto}
    29.  
    30. body{font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:14px;color:#00000}
    31. #page_bg{background:url(../images/bg.jpg); font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
    32. #bg_img{background-image:url(../images/lawnbg.jpg); background-repeat:no-repeat; background-position:top center;}
    33.  
    34. #header{height:450px}
    35. #search .search{float:right}
    36. .searchicon{line-height:22px; width:23px; height:22px}
    37. #banner{ margin:55px 0 0 50%;height:255px}
    38. #logo{ text-align:right;}
    39.  
    40. #ad{padding:10px 0}
    41.  
    42. #menu{height:46px; margin-top:40px;}
    43. #menu a{text-decoration:none;line-height:30px;display:block;float:left;margin:0 1px;padding:0 10px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}
    44. #menu a:hover,#menu #active_menu{color:#fff; text-decoration:none;}
    45. #menu table{border-collapse:collapse;width:auto}
    46.  
    47.  
    48.  
    49.  
    50.  
    51. #search{height:42px}
    52. .search{padding-top:20px}
    53. .search *{float:left}
    54. .search .inputbox,.contentpane .inputbox{ font-size:11px; height:20px;line-height:20px; width:110px;padding-left:2px;color:#00000;}
    55. .search .button{background-repeat:repeat-x; width:23px; height:22px;  color:#000000;font-size:12px;text-indent:-9999px}
    56. .button,#form-login input.button{font-size:12px;font-weight:bold;padding:0 10px;height:20px;text-transform:uppercase;cursor:pointer}
    57.  
    58. #breadcrumb,#breadcrumb a{height:42px;line-height:42px;text-align:right;font-size:12px;font-weight:normal;color:#00000}
    59. #breadcrumb{font-weight:bold;padding:0 10px}
    60. #pesn {width:25%;margin-top:40px;margin-right:0px;float:right;}
    61. #net {width:25%;margin-top:-40px;margin-right:-30px;float:right;}
    62.  
    63. .idbanner{background:url(../images/id_banner.jpg);height:215px}
    64. .bannercontent{width:33%;height:195px;background:url(../images/bannerbg.png);color:#00000;padding:10px}
    65. .bannercontent p{line-height:16px}
    66.  
    67. table.moduletable th, legend{color:#666}
    68.  
    69. div.module_menu,div.module_text,div.module{clear:both}
    70. div.module_menu div, div.module div, div.module_text div{}
    71. div.module_menu div div, div.module div div, div.module_text div div{}
    72. .newsflash div.module {background:transparent url(../images/newsflash_r.png) top right no-repeat}
    73. .newsflash div.module div {height:129px;background:transparent url(../images/newsflash_l.png) top left no-repeat}
    74. div.module_menu div div div, div.module div div div, div.module_text div div div{background:url(../images/book-bl.gif) top no-repeat}
    75. div.module div div div div{width:160px;color:#069}
    76. 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;width:auto}
    77. div.module_text div div div div{text-align:left}
    78. div.module_text div div div div.bannergroup_text{padding:0 10px;width:auto}
    79. div.module_text div div div div.bannergroup_text div{color:#069;width:auto;padding:0 0 4px}
    80. div.module_text div div div div.bannergroup_text div.bannerheader{color:#000}
    81. div.module div div div form{margin:0 auto;padding:0 0 0 0;text-align:left;width:auto}
    82. div.module_menu ul{list-style:none;padding:0}
    83. div.module_menu ul#mainlevel{margin:0 0}
    84. div.module_menu ul li{margin:15px;padding:15px; -moz-border-radius:  5px;-webkit-border-radius:  5px;border-radius:  5px}
    85. div.module_menu ul li a{border-bottom:0; -moz-border-radius:  5px;-webkit-border-radius:  5px;border-radius:  5px}
    86. div.module_menu ul li a:link, div.module_menu ul li a:visited{font-weight:700;line-height:30px;height:30px}
    87.  
    88. #rightcol{background:#fff url(../images/left_bg.png)repeat-y 105% 0%}
    89. #rightcol div.module_menu, div.module{padding-bottom:15px}
    90. #rightcol h3{overflow:hidden;line-height:42px;height:42px;padding-left:10px;font-size:17px;font-weight:bold;color:#00000}
    91. #rightcol ul.menu{list-style:none;text-indent: 1.1em;text-align:left;margin:0 0px}
    92. #rightcol ul.menu li:hover{-moz-border-radius:  5px;-webkit-border-radius:  5px; border-radius:  5px}
    93. #rightcol ul.menu li ul li{border-bottom:none; -moz-border-radius:  5px; -webkit-border-radius:  5px;border-radius:  5px}
    94. /*LEFT COL LINK*/
    95. #rightcol ul.menu li a, #rightcol ul.menu li a:link{display:block;padding-left:10px;font-size:12px;line-height:24px;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background:url(../images/ico.png)no-repeat}
    96. #rightcol ul.menu li a:hover{text-decoration:underline}
    97. /*LEFT COL CURRENT LINK*/
    98. l#rightcol ul.menu li#current a, #rightcol ul.menu li#current a:link,#rightcol ul.menu li#current{}
    99. #rightcol ul.menu li#current a.active{font-weight:bold}
    100. /*LEFT COL SUB LINK*/
    101. #rightcol ul.menu li#current ul li a, #rightcol ul.menu li#current ul li a:link,
    102. #rightcol ul.menu li ul li#current a, #rightcol ul.menu li ul li#current a:link, #rightcol ul.menu li ul li#current a:visited, #rightcol ul.menu li ul li#current a:hover,
    103. #rightcol ul.menu li.parent ul li a,#rightcol ul.menu li.parent ul li a:hover{}
    104. /*SUBMENU POSITION*/
    105. #rightcol ul.menu li#current ul{margin:0;padding:0}
    106. #rightcol ul.menu li#current ul li{margin:0;padding:0}
    107. /*CURRENT SUBMENU POSITION*/
    108. #rightcol ul.menu li ul{margin:0;padding:0}
    109. #rightcol ul.menu li#current ul li a:hover{}
    110. #rightcol ul.menu li ul{list-style:none;margin:0}
    111.  
    112. #rightcol div.module table {}
    113. #rightcol div.module table td {margin:0;padding:0 6px 0 0;height:20px;text-align:left;line-height:13px;vertical-align:middle}
    114. #rightcol div.module table td{color:#069}
    115. #rightcol div.module table.poll{}
    116. #rightcol div.module table.poll td{text-align:left}
    117. #rightcol .moduletable_menu, #rightcol .moduletable, #rightcol .moduletable_text, #rightcol .c{margin:0 0 16px 0;padding:0 0 8px 0}
    118.  
    119. #rightcol .moduletable ul{margin:6px 0;padding:0;list-style:none}
    120. #rightcol .moduletable ul li{margin:0;padding:0 2px}
    121. #rightcol p{margin:0}
    122.  
    123. form#form-login{margin:0 10px;font-size:11px;padding:0}
    124. form#form-login fieldset{padding:0;margin:0;border:0;text-align:left}
    125. form#form-login ul{padding:0;list-style:none;text-align:left;width:auto;margin:10px auto 0}
    126. form#form-login ul li{padding:0}
    127. form#form-login ul li a{text-align:left;padding:0;font-size:11px;text-decoration:underline}
    128. form#form-login ul li a:hover{text-decoration:none}
    129. #form-login input,.validate{font-size:14px;padding:0 2px;color:#00000}
    130. input#modlgn_passwd, input#modlgn_username,.required{width:96%;height:20px}
    131. #form-login input.button{color:#00000}
    132. input.button:hover, #form-login input.button:hover{}
    133.  
    134. div#maincol{background:#fff url(../images/bbook-bg.png)repeat-y 0% 0%}
    135. div#maincolumn_full{float:right;background:#fff url(../images/bbook-bg.png)repeat-y 0% 0%}
    136. div#maincolumn_left{background:#fff url(../images/bbook-bg.png)repeat-y 0% 0%}
    137. div#maincolumn_left ul{margin:0 0 0 0}
    138. div.nopad{overflow:hidden;padding:5px}
    139. div.nopad ul{text-indent: 1.1em;clear:both}
    140. div.componentheading{margin:0 0 0 0;text-transform:capitalize;font-size:22px;padding:5px;clear:both; width:475px}
    141. table.blog{}
    142. td.buttonheading{text-align:right;padding-right:5px}
    143. td.buttonheading a{display:block;height:17px}
    144.  
    145. .contentheading{font-size:16px;vertical-align:middle;text-align:left;font-weight:700;padding:5px 0;color:#00000}
    146. h2, a.contentheading{background:none;border:none}
    147. h4{color:#333}
    148. .small{font-size:11px;font-weight:bold;text-align:left;padding:15px 0;background:none;line-height:22px}
    149. .createdate{vertical-align:top;font-size:11px;font-weight:bold}
    150. .modifydate{vertical-align:bottom;font-size:11px;font-weight:bold;text-align:right;line-height:16px}
    151.  
    152. a.readon{display:block;float:right;line-height:22px;font-size:11px;padding:0 10px;text-transform:lowercase;text-decoration:underline}
    153. a.readon:hover{text-decoration:none}
    154.  
    155. .contentpaneopen, table.contentpane{margin:15px;padding:0 0 0 10px}
    156. table.contentpane td{text-align:left; text-indent: 1.1em;}
    157. table.contentpane td.contentdescription{width:750%; text-indent: 1.1em;}
    158. table.contentpane {text-align:left;float:left;width:75%; text-indent: 1.1em;}
    159. table.contentpane ul li a .category{color:#FF8800; text-indent: 1.1em;}
    160. table.contentpane ul li{text-indent: 1.1em;}
    161. table.contentpaneopen{margin-right:10px;padding:5px;border-collapse:collapse;border:0px solid #CCC; text-indent: 1.1em;}
    162. table.contentpaneopen table.contentpaneopen{background:none;border:0;margin:0; text-indent: 1.1em;}
    163. .newsflash table.contentpaneopen{margin:0 10px;padding:0;color:#fbfbfb;text-align:left; text-indent: 1.1em;}
    164. .newsflash table.contentpaneopen a{color:#fbfbfb; text-indent: 1.1em;}
    165. table.contentpaneopen li{margin-bottom:5px; text-indent: 1.1em;}
    166. table.contentpaneopen fieldset{border:0;border-top:1px solid #669933; text-indent: 1.1em;}
    167. table.contentpaneopen h3{margin-top:0; text-indent: 1.1em;}
    168. table.contentpaneopen h4{color:#669933; text-indent: 1.1em;}
    169. table.contentpaneopen td{padding:0 5px; text-indent: 1.1em;}
    170. table.contentpaneopen td.contentheading{padding:5px; text-indent: 1.1em;}
    171.  
    172. td.middle_pad{width:20px}
    173.  
    174. #sgf{font-size:14px;text-align:center;margin:0 auto;color:#8e8e8e}
    175. .sgf{text-align:right;font-size:14px;color:#00000;text-decoration:none}
    176. .sgf1{font-size:14px;color:#00000;text-align:left}
    177. a.sglink:link, a.sglink:visited{color:#8e8e8e;font-size:14px;text-decoration:none}
    178. a.sglink:hover{color:#8e8e8e;text-decoration:none}
    179. /*****************************************/
    180. /*** Joomla! specific content elements ***/
    181. /*****************************************/
    182.  
    183. div.offline{background:#fffebb;width:100%;position:absolute;top:0;left:0;font-size:1.2em;padding:5px}
    184. /* headers */
    185. .componentheading, table.moduletable th, legend{margin:6px 0;font-size:14px;font-weight:700;text-align:left;text-transform:uppercase;padding:10px}/* small text */
    186. /* form validation */
    187. .invalid{ border-color:#ff0000; }label.invalid{ color:#ff0000; }
    188.  
    189. /** overlib **/
    190.  
    191. .ol-foreground{background-color:#f1f1f1;color:#333}
    192. .ol-background{background-color:#f1f1f1;color:#333}
    193. .ol-textfont{font-size:14px}
    194. .ol-captionfont{font-size:14px;color:#00000;font-weight:700}
    195. .ol-captionfont a{background-color:#00000;color:#333;text-decoration:none;font-size:14px}
    196. .ol-closefont{}
    197. /* menu links */
    198. a.mainlevel:link, a.mainlevel:visited{padding-left:0}
    199. a.mainlevel:hover{}
    200. /* spacers */
    201. span.article_separator{display:none;height:1px}
    202. .article_column{background:none}
    203. .column_separator{}
    204. .clr{clear:both;font-size:0}
    205. table.blog span.article_separator{display:block;height:1px}
    206.  
    207.  
    208. /* table of contents */
    209. table.contenttoc{margin:5px;padding:5px;background:none}
    210. table.contenttoc td{padding:0 5px}
    211.  
    212. /* content tables */
    213. td.sectiontableheader{color:#999;font-weight:700;padding:4px}
    214. tr.sectiontableentry1 td{padding:4px}
    215. tr.sectiontableentry1{background:#EEE}  
    216. tr.sectiontableentry0 td,tr.sectiontableentry2 td{padding:4px}
    217. td.sectiontableentry0,td.sectiontableentry1,td.sectiontableentry2{padding:3px;font-size:14px}
    218.  
    219. /* content styles */
    220. .highlight{background-color:#fffebb}
    221. ul.latestnews, ul.mostread{list-style:none;padding:0;margin:0;text-align:left}
    222. /* module control elements */
    223. table.user1user2 div.moduletable{margin-bottom:0px}
    224.  
    225.  
    226. table.adminform textarea{width:540px;height:400px;font-size:1em;color:#000099}
    227. /* thumbnails */
    228. div.mosimage        {  margin:5px; }div.mosimage_caption{  font-size:.90em; color:#333; }
    229. 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; }
    230. /* Parameter Table */
    231. table.paramlist{margin-top:5px}
    232. table.paramlist td.paramlist_key{width:128px;text-align:left;height:30px}
    233. table.paramlist td.paramlist_value{}
    234. div.message{font-weight:700;font-size :14px;color :#300000;text-align:center;width:auto;background-color:#f9f9f9;border:solid 1px #d5d5d5;margin:3px 0px 10px;padding:3px 20px}
    235. /* Banners module */
    236.  
    237. /* Default skyscraper style */
    238. .bannergroup{}
    239. .banneritem{}
    240. /* Text advert style */
    241.  
    242. .banneritem_text{padding:4px;font-size:14px}
    243. .banneritem_text a{}
    244. .bannerfooter_text{padding:4px;font-size:14px;text-align:right}
    245. /* System Messages */
    246. /* see system general.css */
    247.  
    248. .pagination span{ padding:2px; }.pagination a   { padding:2px; }
    249. /* Polls */
    250. .pollstableborder td{text-align:left}
    251. /* Frontend Editing*/
    252. fieldset{border:1px solid #ccc;margin-top:15px;padding:4px}
    253. legend{margin:0;padding:0 10px}
    254. td.key{border-bottom:1px solid #eee;color:#333}
    255. /* Tooltips */
    256. .tool-tip{float:left;border:1px solid #D4D5AA;padding:5px;max-width:200px;background:#FFF}
    257. .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}
    258. .tool-text{font-size:100%;margin:0}
    259. /* System Standard Messages */
    260. #system-message dd.message ul{padding:0;margin:0;background:none;border:none}
    261. /* System Error Messages */
    262. #system-message dd.error ul{color:#c00;background:none;border:none;padding:0;margin:0}
    263. /* System Notice Messages */
    264. #system-message dd.notice ul{color:#c00;background:none;border:none;padding:0;margin:0}
    265. #system-message dd{text-indent:0}
    266. #system-message dd ul{list-style-type:none;color:#c00;background:none;border:none}
    267. #system-message{margin-top:5px}
    268.  
    269. /**/
    270. .blog br{display:none}
    271. .blog_more{margin:0 10px}
    272. .blog_more ul li{list-style:none outside}
    273. .blog_more ul li a:link, .blog_more ul li a:visited{background:transparent url(../images/bullet.png) left 3px no-repeat;padding:0 15px;line-height:22px}
    274. .bannerheader{font-weight:bold;font-size:14px;color:#000}
    275. .bannerheader a{font-weight:bold}
    276. div#innercoltopbg{float:left;background:url(../images/innercoltop.png) no-repeat;padding-top:5px}
    277. a.pagenav{color:#00000}
    278.  
    279. div.caption{padding:0 10px 0 10px}
    280. div.caption img{border:1px solid #CCC}
    281. div.caption p{font-size:.90em;color:#666;text-align:center}
    282. #bannertop{float:right;padding:45px 10px 0 0}
    283. #inset{}
    284. #inset img{width:960px;padding-top:10px}
    285. #advert1{padding:0 10px 10px 10px}
    286. .left{float:left}
    287. .right{float:right}
    288. .halfwidth{width:45%}
    289. #usersbottom{margin:10px auto;padding:0 10px}
    290. #usersbottom img{margin-right:10px}
    291. .contentpaneopen{padding:5px}
    292.  
    293. /* footer */
    294. #bottomcontent{width:100%;background-image:url(../images/content_area_bg.png)}
    295. #bottomboxes div{width:31.3%;padding:1%;background:url(../images/content_area_bg.png)}
    296. #bottomboxes div#mid{background:url(../images/content_area_bg.png)}
    297. #footer{color:#FFF}
    298. #footer a{text-decoration:underline}
    299. #footer a:hover{text-decoration:none}
    300.  
    301. /*width_fmax*/
    302. body.width_fmax .wrapper{width:1024px}
    303. body.width_fmax #rightcol{width:27.8%;margin-right:.2%}
    304. body.width_fmax div#maincol,body.width_fmax div#maincolumn_left{width:72%}
    305. /*width_fmax*/
    306.  
    307. /*width_fluid*/
    308. body.width_fluid .wrapper{width:100%}
    309. body.width_fluid #rightcol{width:20.8%;margin-right:.2%}
    310. body.width_fluid div#maincol,body.width_fluid div#maincolumn_left{width:79%}
    311. /*width_fluid*/
    312.  
    313. /*width_small*/
    314. body.width_small .wrapper{width:779px}
    315. body.width_small #rightcol{width:20.8%;margin-right:.2%}
    316. body.width_small div#maincol,body.width_small div#maincolumn_left{width:79%}
    317. body.width_small .box{overflow:hidden}
    318. /*width_small*/



    спасибо всем, кто уделит внимание!:)
     
    Faina, Nov 12, 2010
    #1

  2. Ads Master

     
  3. woojin
    Offline

    woojin Местный Staff Member => Cпециалист <=

    Joined:
    May 31, 2009
    Messages:
    3,204
    Likes Received:
    334
    Gender:
    Male
    для ишака надо другой файл CSS использовать
    посмотри в стандартных шаблонах как производится подключение CSS для 7-го и 6-го ишака
     
    woojin, Nov 14, 2010
    #2
  4. Faina
    Offline

    Faina Недавно здесь

    Joined:
    Nov 3, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Female
    спасибо за ответ! посмотрю..отпишусь, что получилось)
     
    Faina, Nov 15, 2010
    #3
  5. Faina
    Offline

    Faina Недавно здесь

    Joined:
    Nov 3, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Female
    woojin, сделала как вы сказали...а что нудно в самих css для ie написать?
     
    Faina, Nov 16, 2010
    #4
< В IE 8 съезжает таблица с результатами опроса за контент | Как отцентрировать формы входа и кнопки в СВ? >

Share This Page

Loading...