Народ изменил шаблон сайта и некоректно отображается

Discussion in 'Изменение шаблона (кастомизация)' started by BAdBoY, May 16, 2008.

  1. Offline

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

    Joined:
    Oct 14, 2007
    Messages:
    70
    Likes Received:
    1
    Gender:
    Male
    привет всем такая х в опере сайт отображается нормально но IE всё криво как исправить? вот сам сайт www.latro.rifo.net помогите код шаблона могу дать
     
    BAdBoY, May 16, 2008
    #1

  2. Ads Master

     
  3. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: Народ изменил шаблон сайта и некоректно отображается

    У меня все нормально отображается в осле
     
    Fanamura, May 16, 2008
    #2
  4. Offline

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

    Joined:
    Oct 14, 2007
    Messages:
    70
    Likes Received:
    1
    Gender:
    Male
    Ответ: Народ изменил шаблон сайта и некоректно отображается

    Там ненормально я же говорю что internet exploer 7 отображается криво вот скрин
     

    Attached Files:

    Last edited by a moderator: May 16, 2008
    BAdBoY, May 16, 2008
    #3
  5. doctorgrif
    Offline

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

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    Ответ: Народ изменил шаблон сайта и некоректно отображается

    Оффтопик (не в тему) - жми сюда!

    настройка css в данном случае - твое все
    IE имеет свою специфику обработки каскадных стилей
     
    doctorgrif, May 16, 2008
    #4
  6. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: Народ изменил шаблон сайта и некоректно отображается

    Значит делаешь отдельный css для осла и все. Как? Ответ в FAQ, А можно и смотреть код и искать компромиссы.
     
    Fanamura, May 16, 2008
    #5
  7. Offline

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

    Joined:
    Oct 14, 2007
    Messages:
    70
    Likes Received:
    1
    Gender:
    Male
    Ответ: Народ изменил шаблон сайта и некоректно отображается

    "Оладушек", а не могли бы вы сделать или подправить его за меня, я "немного" плохо в СSS разбираюсь...
    Код (CODE):
    1. body {
    2.     font-size: 10px;
    3.     font-family: "Lucida Sans Unicode", Verdana, serif;
    4.     color: #FFF;
    5.     margin: 0;
    6.     padding: 0;
    7.     background: #c0c0c0 url(../images/bg.jpg) top center repeat-y;
    8.     text-align: center;
    9. }
    10.  
    11. body.contentpane {
    12.     background: #787878;
    13.     text-align: left;
    14. }
    15.  
    16. body.contentpane .contentpaneopen {
    17.     width: 100%;
    18. }
    19.  
    20. body.contentpane .contentpaneopen .contentheading {
    21.     background: url(../images/post_top_long.jpg) top left repeat-x;
    22. }
    23.  
    24. .moduletable {
    25.     margin: 0 auto;
    26. }
    27.  
    28. select.button {
    29.     width: auto;
    30.     padding: 0;
    31. }
    32.  
    33. td {
    34.     font-family: "Lucida Sans Unicode", Arial, serif;
    35.     font-size: 11px;
    36.     color: #FFF;
    37. }
    38.  
    39. ul {
    40.     margin: 0;
    41.     padding: 0;
    42.     list-style: none;
    43. }
    44.  
    45. li{
    46.     line-height: 20px;
    47.     padding-left: 12px;
    48.     padding-top: 0px;
    49. }
    50.  
    51. a:link, a:visited {
    52.     font-family: "Lucida Sans Unicode", Verdana, serif;
    53.     color: #FFF;
    54.     text-decoration: underline;
    55. }
    56.  
    57. a:hover {
    58.     text-decoration: none;
    59.     color: #FFF;
    60. }
    61. #top {
    62.     width: 900px;
    63.     margin: 0 auto;
    64.     background: url(../images/top_bg.jpg) top center no-repeat;
    65. }
    66. #header {
    67.     width: 755px;
    68.     height: 245px;
    69.     margin: 0 auto;
    70.     background: url(../images/header.jpg) top center no-repeat;
    71.    
    72. }
    73. .maintable {
    74.     margin: 0 auto;
    75.     width: 900px;
    76.     text-align: left;
    77. }
    78.  
    79. #mainbody {
    80.     width: 755px;
    81.     margin: 0 auto;
    82.     min-width: 755px;
    83.     text-align: left;
    84.     background: url(../images/main_bg.jpg) top center repeat-y;
    85. }
    86.  
    87. #sitename {
    88.     width: 730px;
    89.     height: 225px;
    90. }
    91.  
    92. #sitename p {
    93.     text-align: left;
    94.     font-family: "Lucida Sans Unicode", Verdana, serif;
    95.     font-size: 30px;
    96.     font-weight: normal;
    97.     letter-spacing: 1px;   
    98.     color: #FFF;
    99.     margin: 0;
    100.     padding: 35px 0 0 50px;
    101. }
    102.  
    103. #menucenter {
    104.     width: 755px;
    105.     text-align: center;
    106.     margin: 0 auto;
    107. }
    108.  
    109. #menucenter .menu_m {
    110.     text-align: center;
    111. }
    112.  
    113. #topnavi{
    114.     position: relative;
    115.     display: block;
    116. }
    117.  
    118. #topnavi ul {
    119.     float: left;
    120.     margin: 0;
    121.     padding: 0;
    122.     list-style-type: none;
    123.     width: auto;
    124. }
    125.  
    126. #topnavi ul li {
    127.     display: block;
    128.     float: left;
    129.     margin: 0;
    130.     padding: 0;
    131. }
    132.  
    133. #topnavi ul li a{
    134.     text-transform: uppercase;
    135.     display: block;
    136.     float: left;
    137.     color: #FFF;
    138.     text-decoration: none;
    139.     margin: 60px 0 0 0;
    140.     height: 30px;
    141.     font-size: 10px;
    142.     font-family: "Lucida Sans Unicode", Verdana, serif;
    143.     background: url(../images/but_r.jpg) top right no-repeat;
    144. }
    145.  
    146. #topnavi ul li a:hover,#topnavi ul li a.current{
    147.     display: block;
    148.     background: url(../images/but_r_hover.jpg) top right no-repeat;
    149.     cursor: pointer;
    150. }
    151.  
    152. #topnavi ul li a span{
    153.     float: left;
    154.     height: 20px;
    155.     font-size: 10px;
    156.     padding: 5px 30px 5px 30px;
    157.     font-family: "Lucida Sans Unicode", Verdana, serif;
    158.     background: url(../images/but_l.jpg) top left no-repeat;
    159. }
    160. #topnavi ul li a:hover span,#topnavi ul li a.current span {
    161.     display: block;
    162.     background: url(../images/but_l_hover.jpg) top left no-repeat;
    163. }
    164.  
    165. #leftmenu {
    166.     margin: 0 0 0 -18px;
    167.     padding: 0 0 0 10px;
    168.     float: left;
    169.     width: 200px;
    170. }
    171.  
    172. #main_top {
    173.     background: url(../images/main_top.jpg) top center no-repeat;
    174.     height: 30px;
    175. }
    176.  
    177. #main {
    178.     float: left;
    179.     margin: 0 0 0 10px;
    180.     width: 540px;
    181. }
    182.  
    183. #main_bottom{
    184.     background: url(../images/main_bottom.jpg) bottom center no-repeat;
    185.     height: 30px;
    186. }
    187.  
    188. #footer {
    189.     background: url(../images/bottom_bg.jpg) top center no-repeat;
    190.     width: 900px;
    191.     height: 200px;
    192.     margin: 0 auto;
    193. }
    194.  
    195.  
    196. a.mainlevel:link, a.mainlevel:visited {
    197.     display: block;
    198.     text-transform: uppercase;
    199.     font-size: 10px;
    200.     text-align: left;
    201.     padding: 2px 0 0 13px;
    202.     margin: 0 0 0 3px;
    203.     height: 17px;
    204.     line-height: normal;
    205.     text-decoration: none;
    206.     font-family: "Lucida Sans Unicode", Verdana, serif;
    207.     color: #FFF;
    208.     background: url(../images/menu_but_bg.jpg) left center no-repeat;
    209.     vertical-align: middle;
    210.     width: 132px;
    211. }
    212.  
    213. a.mainlevel:hover {
    214.     background: #7d7d7d url(../images/menu_but_bg_h.jpg) left center no-repeat;
    215. }
    216.  
    217. a.sublevel:link, a.sublevel:visited {
    218.     font-size: 10px;
    219.     text-transform: uppercase;
    220.     color: #FFF;
    221.     text-align: left;
    222.     vertical-align: middle;
    223.     text-decoration: none;
    224.     padding: 2px 0 0px 13px;
    225.     margin: 0 0 0 10px;
    226.     background: url(../images/menu_but_bg.jpg) left center no-repeat;
    227.     height: 17px;
    228.     width: 121px;
    229.     display: block;
    230. }
    231.  
    232. a.sublevel:hover {
    233.     background: #7d7d7d url(../images/menu_but_bg_h.jpg) left center no-repeat;
    234. }
    235.  
    236. table.contentpaneopen {
    237.     width: 99%;
    238.     margin: 0 5px 0 0;
    239.     border-spacing: 0;
    240.     padding: 0;
    241.     border-collapse: collapse;
    242. }
    243. table.contentpaneopen td.contentheading {
    244.     color: #FFF;
    245.     text-align: left;
    246.     font-family: "Lucida Sans Unicode", Verdana, serif;
    247.     font-size: 14px;
    248.     font-weight: normal;
    249.     text-transform: uppercase;
    250.     background: url(../images/post_top.jpg) left top repeat-x;
    251.     padding: 0 0 0 21px;
    252.     height: 25px;
    253. }
    254. .button {
    255.     padding: 0 5px 2px 5px;
    256.     color: #FFF;
    257.     font-family: "Lucida Sans Unicode", Verdana, serif;
    258.     text-align: center;
    259.     font-size: 10px;
    260.     text-transform: uppercase;
    261.     background: #787878;
    262.     width: 50px;
    263.     height: 20px;
    264.     border: 1px solid #a7a6a6;
    265.     line-height: 16px;
    266. }
    267. .inputbox {
    268.     font-size: 10px;
    269.     font-family: "Lucida Sans Unicode", Verdana, serif;
    270.     border: 1px solid #b4b4b4;
    271.     color: #FFF;
    272.     background: #999999;
    273. }
    274. input[type="checkbox"] {
    275.     border-style: none;
    276. }
    277. .copyright {
    278.     color: #FFF;
    279.     font-family: "Lucida Sans Unicode", Verdana, serif;
    280.     font-size: 10px;
    281.     padding: 0;
    282.     margin: 0 23px;
    283.     text-align: center;
    284. }
    285. .back_button {
    286.     float: left;
    287.     text-align: center;
    288.     font-size: 11px;
    289.     font-weight: normal;
    290.     width: auto;
    291.     padding: 0px 10px;
    292.     line-height: 20px;
    293.     margin: 10px 0 50px 0;
    294. }
    295. .componentheading {
    296.     color: #FFF;
    297.     padding: 33px 0 5px 0;
    298.     text-align: left;
    299.     text-transform: uppercase;
    300.     font-family: "Lucida Sans Unicode", Verdana, serif;
    301.     font-size: 12px;
    302.     font-weight: normal;
    303. }
    304. .wrapper {
    305.     width: 530px;
    306.     height: 550px;
    307. }
    308. .module div div div h3 {
    309.     color: #FFF;
    310.     text-transform: uppercase;
    311.     text-align: left;
    312.     padding: 0 0 0 36px;
    313.     vertical-align: middle;
    314.     width: 200px;
    315.     height: 58px;
    316.     margin: -15px 0 0 -30px;
    317.     font: normal 12px "Lucida Sans Unicode", Verdana, serif;
    318.     background: url(../images/h_text.jpg) left center no-repeat;   
    319.     position: relative;
    320.     display: block;
    321.     line-height: 44px;
    322. }
    323.  
    324. .module {
    325.     margin: 0 0 10px 0;
    326.     border-spacing: 0px;
    327. }
    328.  
    329. .module div {
    330.     padding: 0 0 0 30px;
    331.     font-size: 10px;
    332. }
    333.  
    334. .module div div {
    335.     background: url(../images/main_menu_centerbottom_bg.jpg) bottom right no-repeat;
    336.     margin: 0;
    337.     padding: 0;
    338.     width: 170px;
    339. }
    340.  
    341. .module div div div {
    342.     margin: 0;
    343.     padding: 10px 0 3px 0;
    344.     background: url(../images/main_menu_top_bg.jpg) right top no-repeat;
    345. }
    346.  
    347. .module div div div table {
    348.     margin: 0 0 10px 10px;
    349.     width: 160px;
    350. }
    351.  
    352. .module div div div div {
    353.     background: none;
    354.     margin: 0;
    355.     padding: 0;
    356.     width: 100%;
    357. }
    358.  
    359. .module div div div div.syndicate {
    360.     margin: 0;
    361.     padding: 0 0 10px 0;
    362. }
    363.  
    364. .module div div div form {
    365.     margin: 0 10px 10px 10px;
    366. }
    367.  
    368. .module div div div form table {
    369.     margin: 0 10px 0 10px;
    370.     padding: 0 0 10px 0;
    371.     width: auto;
    372. }
    373.  
    374. /* footer links*/
    375. a.sgfooter:link, a.sgfooter:visited {
    376.     color: #FFF;
    377.     font-size: 10px;
    378.     font-family: "Lucida Sans Unicode", Verdana, serif;
    379.     text-decoration: none;
    380. }
    381. a.sgfooter:hover {
    382.     color: #FFF;
    383.     font-family: "Lucida Sans Unicode", Verdana, serif;
    384.     text-decoration: none;
    385. }
    386. /**/
    387. /*banner*/
    388. .sgf {
    389.     font-size: 10px;
    390.     font-family: "Lucida Sans Unicode", Verdana, serif;
    391.     color: #FFF;
    392.     text-decoration: none;
    393. }
    394. .sgf1 {
    395.     font-size: 10px;
    396.     font-family: "Lucida Sans Unicode", Verdana, serif;
    397.     color: #FFF;
    398.     text-align: left;
    399. }
    400.  
    401. a.sglink:link, a.sglink:visited {
    402.     color: #FFF;
    403.     font-size: 10px;
    404.     font-family: "Lucida Sans Unicode", Verdana, serif;
    405.     text-decoration: none;
    406. }
    407. a.sglink:hover {
    408.     text-decoration: none;
    409. }
    410.  
    411. a img {
    412.     border: 0;
    413. }
    414. .pathway {
    415.     border: 0;
    416.     color: #333333;
    417.     font-family: "Lucida Sans Unicode", Verdana, serif;
    418.     font-weight:normal;
    419.     padding:2px 4px 2px 10px;  
    420.    
    421. }
    422. a.pathway:link, a.pathway:visited {
    423.     color: #333333;
    424.     font-size: 11px;
    425.     line-height: 18px;
    426.     font-family: "Lucida Sans Unicode", Verdana, serif;
    427.     font-weight: normal;
    428.     padding: 2px 4px 2px 4px;
    429. }
    430. a.pathway:hover {
    431.     color: #fefefe;
    432.     font-family: "Lucida Sans Unicode", Verdana, serif;
    433.     font-weight:normal;
    434.     background-color:#2a519e;
    435. }
    436. .pagenav {
    437.     font-size:12px;
    438.     font-weight:normal;
    439. }
    440. #topnavigation a.topnavigation:link, a.topnavigation:visited {
    441.     font-family: "Lucida Sans Unicode", Verdana, serif;
    442.     font-size: 10px;
    443.     font-weight: normal;
    444.     letter-spacing : 1px;
    445.     color: #fefefe;
    446.     padding-right:5px;
    447.     text-decoration:none;
    448. }
    449. #topnavigation a.topnavigation:hover {
    450.     color: #b9f15d;
    451.     border-bottom: none;
    452.     text-decoration:none;  
    453. }
    454. #topnavigation a.topnavigation:active {
    455.     color: #51c0f5;
    456.     text-decoration:none;  
    457. }
    458. a.toclink:link, a.toclink:visited {
    459.     line-height:normal;
    460.     font-size:11px;
    461.     font-family: "Lucida Sans Unicode", Verdana, serif;
    462.     color: #000000;
    463.     text-decoration: underline;
    464. }
    465. a.toclink:hover {
    466.     text-decoration: none;
    467. }
    468. table.contenttoc {
    469.     padding: 2px;
    470.     margin-left: 2px;
    471.     margin-bottom: 2px;
    472. }
    473.  
    474.  
    475. table.contenttoc th {
    476.     background: #99ca37;
    477.     color: #47484a;
    478.     text-align: left;
    479.     padding-top: 2px;
    480.     padding-left: 4px;
    481.     height: 21px;
    482.     font-weight: normal;
    483.     font-size: 11px;
    484.     text-transform: uppercase;
    485. }
    486. .sectiontableheader {
    487.     height: 20px;
    488.     padding-right:3px;
    489.     font-weight :normal;
    490. }
    491. table.contentpane td.contentdescription {
    492.     font-size:12px;
    493.     line-height:18px;
    494. }
    495. table.contentpane td.componentheading {
    496.     background:#abd851;
    497.     height: 20px;
    498.     padding-left:3px;
    499.     color: #fefefe;
    500.     text-align: left;
    501.     padding-bottom:3px;
    502.     white-space: nowrap;
    503.     font-family: "Lucida Sans Unicode", Verdana, serif;
    504.     font-size: 14px;
    505.     font-weight: normal;
    506. }
    507. table.contentpane td {
    508.     padding-top:1px;
    509.     padding-bottom:2px;
    510.     font-size:12px;
    511. }
    512. table.contentpaneopen td
    513. {
    514.     line-height: 14px;
    515.     font-size: 10px;
    516. }
    517.  
    518. .height {
    519.     height: 100%;
    520. }
    521.  
    522. .small {
    523.     font-size: 10px;
    524.     color: #FFF;
    525.     text-transform: uppercase;
    526. }
    527.  
    528. .createdate {
    529.     font-size: 10px;
    530.     color: #FFF;
    531.     text-transform: uppercase;
    532. }
    533.  
    534. .modifydate {
    535.     text-align: right;
    536. }
    537.  
    538. table.contentpaneopen td a.readon{
    539.     background: url(../images/read.jpg) top center no-repeat;
    540.     height: 30px;
    541.     width: 104px;
    542.     padding: 7px 0 0 0;
    543.     text-transform: uppercase;
    544.     font-size: 10px;
    545.     text-decoration: none;
    546.     float: right;
    547.     text-align: center;
    548. }
    549.  
    550. h4 {
    551.     font-size: 10px;
    552.     text-transform: uppercase;
    553. }
    554. table.contentpaneopen td.buttonheading {
    555.     background: url(../images/post_top_icons.jpg) left top repeat-x;
    556.     }
     
    Last edited by a moderator: May 16, 2008
    BAdBoY, May 16, 2008
    #6
< Как подключить скрипт к разделу | j1.5.3 Как сделать высоту в враппере автоматическую. >

Share This Page

Loading...