Joomla 1.5 Голову сломал , во всех браузерах нормально а вот IE (мать его ) партачит...

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем oxyggen, 04.09.2009.

  1. Offline

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

    Регистрация:
    04.09.2009
    Сообщения:
    2
    Симпатии:
    0
    Голову сломал , во всех браузерах нормально а вот IE (мать его ) партачит... весь контент статьи перемещается в центр страницы и растягивается до появления мега горизонтального скролла (((

    посмотрите сами kopf.com.ua Помогите прошу .
     

    Вложения:

    • q.jpg
      q.jpg
      Размер файла:
      99.4 КБ
      Просмотров:
      9
  2.  
  3. Offline

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

    Регистрация:
    04.09.2009
    Сообщения:
    2
    Симпатии:
    0
    хотя бы подскажите что ковырять , понимаю что css но что именно а шаблон стандартный - rhuk_milkyway

    Код (CODE):
    1. /*****************************/
    2. /*** Core html setup stuff ***/
    3. /*****************************/
    4.  
    5. html {
    6.   height: 100%;
    7.   margin-bottom: 1px;
    8. }
    9.  
    10. form {
    11.   margin: 0;
    12.   padding: 0;
    13. }
    14.  
    15. body {
    16.     font-family: Helvetica,Arial,sans-serif;
    17.     line-height: 1.3em;
    18.     margin: 0px 0px 0px 0px;
    19.     font-size: 12px;
    20.     color: #333;
    21. }
    22.  
    23. a:link, a:visited {
    24.     text-decoration: none;
    25.     font-weight: normal;
    26. }
    27.  
    28. a:hover {
    29.     text-decoration: underline;
    30.     font-weight: normal;
    31. }
    32.  
    33. input.button { cursor: pointer; }
    34.  
    35. p { margin-top: 0; margin-bottom: 5px; }
    36.  
    37. img { border: 0 none; }
    38.  
    39. /*****************************************/
    40. /*** Template specific layout elements ***/
    41. /*****************************************/
    42. #page_bg {
    43.     padding: 10px 0;
    44.     margin-bottom: 1px;
    45. }
    46.  
    47. div.center {
    48.   text-align: center;
    49. }
    50.  
    51. div#wrapper {
    52.     margin-left: auto;
    53.     margin-right: auto;
    54. }
    55.  
    56. body.width_medium div#wrapper {
    57.     width: 1000px;
    58. }
    59.  
    60. body.width_small div#wrapper {
    61.     width: 773px;
    62. }
    63.  
    64. body.width_fmax div#wrapper {
    65.     min-width: 750px;
    66.     max-width: 1050px;
    67. }
    68.  
    69. div#header_l {
    70.     position: relative;
    71. }
    72.  
    73. div#header_r {
    74.     height: 150px;
    75.     padding-left: 370px;
    76.     padding-right: 30px;
    77.     padding-top: 25px;
    78.     overflow: hidden;
    79.     text-align: left;
    80. }
    81.  
    82. div#logo {
    83.     position: absolute;
    84.     left: 0;
    85.     top: 0;
    86.     float: left;
    87.     width: 298px;
    88.     height: 155px;
    89.     background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
    90.     margin-left: 15px;
    91.     margin-top: 15px;
    92. }
    93.  
    94. div#newsflash {
    95.     width: auto;
    96.     margin-left: 350px;
    97.     margin-right: 30px;
    98.     border: 1px solid #00f;
    99. }
    100.  
    101. div#tabarea {
    102.     background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x;
    103.     margin: 0 11px;
    104.  
    105. }
    106.  
    107. div#tabarea_l {
    108.     background: url(../images/mw_header_l_b.png) 0 0 no-repeat;
    109.     padding-left: 0px;
    110. }
    111.  
    112. div#tabarea_r {
    113.     height: 42px;
    114.     background: url(../images/mw_header_r_b.png) 100% 0 no-repeat;
    115.     padding-right: 0px;
    116. }
    117.  
    118. div#footer_r {
    119.     padding-top: 10px;
    120.     height: 47px;
    121.     overflow: hidden;
    122. }
    123.  
    124. div#footer_r div {
    125.     text-align: center;
    126.     font-size: .90em;
    127.     color: #aaa;
    128. }
    129.  
    130. div#footer_r a:link, div#footer_r a:visited  {
    131.     color: #999;
    132. }
    133.  
    134. div#footerspacer {
    135.     height: 10px;
    136. }
    137.  
    138. #pathway {
    139.     padding: 0px 10px 8px;
    140.     width: auto;
    141.     margin-top: -2px;
    142.     margin-right: 250px;
    143.     text-align: left;
    144. }
    145.  
    146. #search {
    147.     float: right;
    148.     width:320px;
    149.     margin-top: -20px;
    150.     margin-right: 30px;
    151.     height: 40px;
    152.     overflow: hidden;
    153.     text-align:right;
    154. }
    155.  
    156. form#searchForm input {
    157.     vertical-align: middle;
    158. }
    159.  
    160. form#searchForm table {
    161.     border-collapse: collapse;
    162. }
    163.  
    164. form#searchForm td {
    165.     padding:0;
    166. }
    167.  
    168. #mod_search_searchword {
    169.     padding-left: 3px;
    170. }
    171.  
    172. #area {
    173.     padding: 0;
    174. }
    175.  
    176. #whitebox {
    177.     margin: 0 21px 0px 21px;
    178.     background: #fff;
    179.     width: auto;
    180. }
    181.  
    182. #whitebox div {
    183.     text-align: left;
    184. }
    185.  
    186. #whitebox_t {
    187.     background: #fff url(../images/mw_content_t.png) 0 0 repeat-x;
    188. }
    189.  
    190. #whitebox_tl {
    191.     background: url(../images/mw_content_t_l.png) 0 0 no-repeat;
    192. }
    193.  
    194. #whitebox_tr {
    195.     height: 10px;
    196.     overflow: hidden;
    197.     background: url(../images/mw_content_t_r.png) 100% 0 no-repeat;
    198. }
    199.  
    200. #whitebox_m {
    201.     border-left: 1px solid #ccc;
    202.     border-right: 1px solid #ccc;
    203.     width: auto;
    204.     padding: 1px 8px;
    205. }
    206.  
    207. #whitebox_b {
    208.     margin-top: -5px;
    209.     background: url(../images/mw_content_b.png) 0 100% repeat-x;
    210. }
    211.  
    212. #whitebox_bl {
    213.     background: url(../images/mw_content_b_l.png) 0 100% no-repeat;
    214. }
    215.  
    216. #whitebox_br {
    217.     height: 13px;
    218.     background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
    219. }
    220.  
    221. /* horizontal pill menu */
    222. table.pill {
    223.   margin-left: auto;
    224.   margin-right: auto;
    225.   padding: 0;
    226.   width: 100%;
    227.    
    228. }
    229.  
    230. td.pill_l {
    231.   background: url(../images/mw_menu_cap_l.png) no-repeat;
    232.   width:  20px;
    233.   height: 32px;
    234.   padding: 0 0px 0px;
    235.  
    236. }
    237.  
    238. td.pill_m {
    239.   background: url(../images/mw_menu_normal_bg.png) repeat-x;
    240.   padding:0 px;
    241.   margin: 0;
    242.   width: auto;
    243. }
    244.  
    245. td.pill_r {
    246.   background: url(../images/mw_menu_cap_r.png) no-repeat;
    247.   width:  19px;
    248.   height: 32px;
    249. }
    250.  
    251. #pillmenu {
    252.   white-space: nowrap;
    253.   height: 32px;
    254.   float: left;
    255. }
    256.  
    257. #pillmenu ul {
    258.   margin: 0;
    259.   padding: 0;
    260.   list-style:none;
    261.   margin: 0px 0px 0px;
    262. }
    263.  
    264. #pillmenu li {
    265.     float: left;
    266.     background: url(../images/mw_menu_separator.png) top right no-repeat;
    267.     margin:0 0px 0;
    268.  
    269.    
    270.    
    271.     }
    272.  
    273. #pillmenu a {
    274.   font-family: Arial, Helvetica, sans-serif;
    275.   font-size: 12px;
    276.   font-weight: bold;
    277.     float:left;
    278.   display:block;
    279.   height: 24px;
    280.   line-height: 24px;
    281.   padding: 0 20px 0px;
    282.  
    283.   color: #000;
    284.   text-decoration: none;
    285.   text-align: center;
    286. }
    287.  
    288. #pillmenu a#active_menu-nav {
    289.     margin-top:2px;
    290.     height: 21px;
    291.     line-height: 21px;
    292.     background-position: 0 0;
    293. }
    294.  
    295. #leftcolumn {
    296.     padding: 0;
    297.     margin: 0;
    298.     width: 20%;
    299.     float:left;
    300. }
    301.  
    302. #maincolumn,
    303. #maincolumn_full {
    304.     margin-left: 20%;
    305.     padding-left: 40px;
    306.     width: 75%;
    307. }
    308.  
    309. #maincolumn_full {
    310.     margin-left: 0;
    311.     padding: 0;
    312.     width: 100%;
    313. }
    314.  
    315. table.nopad {
    316.     width: 100%;
    317.     border-collapse: collapse;
    318.     padding: 0;
    319.     margin: 0;
    320.     margin-bottom: 15px;
    321. }
    322.  
    323. table.nopad td.middle_pad {
    324.     width: 20px;
    325. }
    326.  
    327. /*****************************************/
    328. /*** Joomla! specific content elements ***/
    329. /*****************************************/
    330.  
    331. div.offline {
    332.     background: #fffebb;
    333.     width: 100%;
    334.     position: absolute;
    335.     top: 0;
    336.     left: 0;
    337.     font-size: 1.2em;
    338.     padding: 5px;
    339. }
    340.  
    341. span.pathway {
    342.   display: block;
    343.   margin: 0 20px;
    344.   height: 16px;
    345.   line-height: 16px;
    346.   overflow: hidden;
    347. }
    348.  
    349. /* headers */
    350. div.componentheading {
    351.   padding-left: 0px;
    352. }
    353.  
    354. h1 {
    355.     padding: 0;
    356.     font-family:Helvetica ,Arial,sans-serif;
    357.     font-size: 1.3em;
    358.     font-weight: bold;
    359.     vertical-align: bottom;
    360.     color: #666;
    361.     text-align: left;
    362.     width: 100%;
    363. }
    364.  
    365. h2, .contentheading {
    366.     padding: 0;
    367.     font-family: Arial, Helvetica,sans-serif;
    368.     font-size: 1.4em;
    369.     font-weight: normal;
    370.     vertical-align: bottom;
    371.     color: #333;
    372.     text-align: left;
    373.     width: 100%;
    374. }
    375.  
    376. table.contentpaneopen h3 {
    377.     margin-top: 25px;
    378. }
    379.  
    380. h4 {
    381.     font-family: Arial, Helvetica, sans-serif;
    382.     color: #333;
    383. }
    384.  
    385. h3, .componentheading, table.moduletable th, legend {
    386.   margin: 0;
    387.   font-weight: bold;
    388. font-family:Verdana, Arial, Helvetica, sans-serif;
    389.   font-size: 1.3em;
    390.     padding-left: 0px;
    391.     margin-bottom: 10px;
    392.     text-align: left;
    393. }
    394.  
    395. /* small text */
    396. .small {
    397.     font-size: .90em;
    398.     color: #999;
    399.     font-weight: normal;
    400.     text-align: left;
    401. }
    402.  
    403. .modifydate {
    404.   height: 20px;
    405.   vertical-align: bottom;
    406.     font-size: .90em;
    407.     color: #999;
    408.     font-weight: normal;
    409.     text-align: left;
    410. }
    411.  
    412. .createdate {
    413.     height: 20px;
    414.     vertical-align: top;
    415.     font-size: .90em;
    416.     color: #999;
    417.     font-weight: normal;
    418.     vertical-align: top;
    419.     padding-bottom: 5px;
    420.     padding-top: 0px;
    421.  
    422. }
    423.  
    424. a.readon {
    425.     margin-top: 10px;
    426.     display: block;
    427.     float: left;
    428.     background: url(../images/mw_readon.png) top right no-repeat;
    429.     padding-right: 20px;
    430.     line-height: 14px;
    431.     height: 16px;
    432. }
    433.  
    434. /* form validation */
    435. .invalid { border-color: #ff0000; }
    436. label.invalid { color: #ff0000; }
    437.  
    438.  
    439. /** overlib **/
    440.  
    441. .ol-foreground {
    442.     background-color: #f6f6f6;
    443. }
    444.  
    445. .ol-background {
    446.     background-color: #666;
    447. }
    448.  
    449. .ol-textfont {
    450.     font-family: Arial, Helvetica, sans-serif;
    451.     font-size: 10px;
    452. }
    453.  
    454. .ol-captionfont {
    455.     font-family: Arial, Helvetica, sans-serif;
    456.     font-size: 12px;
    457.     color: #f6f6f6;
    458.     font-weight: bold;
    459. }
    460. .ol-captionfont a {
    461.     color: #0B55C4;
    462.     text-decoration: none;
    463.     font-size: 12px;
    464. }
    465.  
    466. .ol-closefont {}
    467.  
    468. /* menu links */
    469. a.mainlevel:link, a.mainlevel:visited {
    470.     padding-left: 5px;
    471. }
    472.  
    473. a.mainlevel:hover {
    474.  
    475. }
    476.  
    477. /* spacers */
    478. span.article_separator {
    479.     display: block;
    480.     height: 20px;
    481. }
    482.  
    483. .article_column {
    484.     padding-right: 5px;
    485. }
    486.  
    487. .column_separator {
    488.     border-left: 1px dashed #e0e0e0;
    489.     padding-left: 10px;
    490. }
    491.  
    492. td.buttonheading {
    493.  
    494. }
    495.  
    496. td.buttonheading img {
    497.     border:none;
    498. }
    499.  
    500. .clr {
    501.     clear: both;
    502. }
    503.  
    504. td.greyline {
    505.   width: 20px;
    506.   background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
    507. }
    508.  
    509. div#maindivider {
    510.   border-top: 1px solid #ddd;
    511.   margin-bottom: 10px;
    512.   overflow: hidden;
    513.   height: 1px;
    514. }
    515.  
    516. table.blog span.article_separator {
    517.     display: block;
    518.     height: 20px;
    519. }
    520.  
    521. /* edit button */
    522. .contentpaneopen_edit{
    523.     float: left;
    524. }
    525.  
    526. /* table of contents */
    527. table.contenttoc {
    528.   margin: 5px;
    529.   border: 1px solid #ccc;
    530.   padding: 5px;
    531.   float: right;
    532. }
    533.  
    534. table.contenttoc td {
    535.   padding: 0 5px;
    536. }
    537.  
    538.  
    539. /* content tables */
    540. td.sectiontableheader {
    541.   background: #efefef;
    542.   color: #333;
    543.   font-weight: bold;
    544.   padding: 4px;
    545.   border-right: 1px solid #fff;
    546. }
    547.  
    548. tr.sectiontableentry0 td,
    549. tr.sectiontableentry1 td,
    550. tr.sectiontableentry2 td {
    551.   padding: 4px;
    552. }
    553.  
    554. td.sectiontableentry0,
    555. td.sectiontableentry1,
    556. td.sectiontableentry2 {
    557.   padding: 3px;
    558. }
    559.  
    560.  
    561. /* content styles */
    562. table.contentpaneopen, table.contentpane {
    563.     margin: 0;
    564.     padding: 0;
    565.     width: 100%;
    566. }
    567.  
    568. table.contentpaneopen li {
    569.     margin-bottom: 5px;
    570. }
    571.  
    572. table.contentpaneopen fieldset {
    573.     border: 0;
    574.     border-top: 1px solid #ddd;
    575. }
    576.  
    577. table.contentpaneopen h3 {
    578.     margin-top: 25px;
    579. }
    580.  
    581. table.contentpaneopen h4 {
    582.     font-family: Arial, Helvetica, sans-serif;
    583.     color: #333;
    584. }
    585.  
    586. .highlight {
    587.     background-color: #fffebb;
    588. }
    589.  
    590. /* module control elements */
    591. table.user1user2 div.moduletable {
    592.     margin-bottom: 0px;
    593. }
    594.  
    595. div.moduletable, div.module {
    596.   margin-bottom: 25px;
    597. }
    598.  
    599. div.module_menu h3 {
    600.     font-family: Helvetica, Arial, sans-serif;
    601.     font-size: 12px;
    602.     font-weight: bold;
    603.     color: #eee;
    604.     margin: -23px -4px 5px -5px;
    605.     padding-left: 10px;
    606.     padding-bottom: 2px;
    607. }
    608.  
    609. div.module_menu {
    610.     margin: 0;
    611.     padding: 0;
    612.     margin-bottom: 15px;
    613. }
    614.  
    615. div.module_menu div div div {
    616.     padding: 10px;
    617.     padding-top: 30px;
    618.     padding-bottom: 15px;
    619.     width: auto;
    620. }
    621.  
    622. div.module_menu div div div div {
    623.     background: none;
    624.     padding: 0;
    625. }
    626.  
    627. div.module_menu ul {
    628.     margin: 10px 0;
    629.     padding-left: 20px;
    630. }
    631.  
    632. div.module_menu ul li a:link, div.module_menu ul li a:visited {
    633.     font-weight: bold;
    634. }
    635.  
    636. #leftcolumn div.module {
    637.     padding: 0 10px;
    638. }
    639.  
    640. #leftcolumn div.module table {
    641.     width: auto;
    642. }
    643.  
    644. /* forms */
    645. table.adminform textarea {
    646.   width: 540px;
    647.   height: 400px;
    648.   font-size: 1em;
    649.   color: #000099;
    650. }
    651.  
    652. div.search input {
    653.     width: 145px;
    654.     border: 1px solid #ccc;
    655.     margin: 15px 0 10px 0;
    656. }
    657.  
    658. form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
    659. form#form-login ul { padding-left: 20px; }
    660.  
    661. form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
    662. form#com-form-login ul { padding-left: 20px; }
    663.  
    664. /* thumbnails */
    665. div.mosimage         {  margin: 5px; }
    666. div.mosimage_caption {  font-size: .90em; color: #666; }
    667.  
    668. div.caption       { padding: 0 10px 0 10px; }
    669. div.caption img   { border: 1px solid #CCC; }
    670. div.caption p     { font-size: .90em; color: #666; text-align: center; }
    671.  
    672. /* Parameter Table */
    673. table.paramlist {
    674.     margin-top: 5px;
    675. }
    676.  
    677. table.paramlist td.paramlist_key {
    678.     width: 128px;
    679.     text-align: left;
    680.     height: 30px;
    681. }
    682.  
    683. table.paramlist td.paramlist_value {
    684. }
    685.  
    686. div.message {
    687.     font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
    688.     font-weight: bold;
    689.     font-size : 14px;
    690.     color : #c30;
    691.     text-align: center;
    692.     width: auto;
    693.     background-color: #f9f9f9;
    694.     border: solid 1px #d5d5d5;
    695.     margin: 3px 0px 10px;
    696.     padding: 3px 20px;
    697. }
    698.  
    699. /* Banners module */
    700.  
    701. /* Default skyscraper style */
    702. .bannergroup {
    703. }
    704.  
    705. .banneritem img {
    706.     display: block;
    707.     margin-left: auto;
    708.     margin-right: auto;
    709. }
    710.  
    711. /* Text advert style */
    712.  
    713. .banneritem_text {
    714.     padding: 4px;
    715.     font-size: 11px;
    716. }
    717.  
    718. .bannerfooter_text {
    719.     padding: 4px;
    720.     font-size: 11px;
    721.     background-color: #F7F7F7;
    722.     text-align: right;
    723. }
    724.  
    725. /* System Messages */
    726. /* see system general.css */
    727.  
    728. .pagination span { padding: 2px; }
    729. .pagination a    { padding: 2px; }
    730.  
    731. /* Polls */
    732. .pollstableborder td {
    733.     text-align: left;
    734. }
    735.  
    736. /* WebLinks */
    737. span.description {
    738.     display:block;
    739.     padding-left: 30px;
    740. }
    741.  
    742. /* Frontend Editing*/
    743. fieldset {
    744.     border: 1px solid #ccc;
    745.     margin-top: 15px;
    746.     padding: 15px;
    747. }
    748.  
    749. legend {
    750.     margin: 0;
    751.     padding: 0 10px;
    752. }
    753.  
    754. td.key {
    755.     border-bottom:1px solid #eee;
    756.     color: #666;
    757. }
    758.  
    759. /* Tooltips */
    760.  
    761. .tool-tip {
    762.     float: left;
    763.     background: #ffc;
    764.     border: 1px solid #D4D5AA;
    765.     padding: 5px;
    766.     max-width: 200px;
    767. }
    768.  
    769. .tool-title {
    770.     padding: 0;
    771.     margin: 0;
    772.     font-size: 100%;
    773.     font-weight: bold;
    774.     margin-top: -15px;
    775.     padding-top: 15px;
    776.     padding-bottom: 5px;
    777.     background: url(../../system/images/selector-arrow.png) no-repeat;
    778. }
    779.  
    780. .tool-text {
    781.     font-size: 100%;
    782.     margin: 0;
    783. }
    784.  
    785. /* System Standard Messages */
    786. #system-message { margin-bottom: 20px; }
    787.  
    788. #system-message dd.message ul
    789.  { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center
    790. no-repeat;border-top: 3px solid #DE7A7B;
    791.  border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
    792.  
    793. /* System Error Messages */
    794. #system-message dd.error ul { color: #c00; background:
    795. #E6C0C0 url(../../system/images/notice-alert.png) 4px
    796. center no-repeat; border-top: 3px solid #DE7A7B;
    797.  border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
    798.  
    799. /* System Notice Messages */
    800. #system-message dd.notice ul { color: #c00; background:
    801.  #EFE7B8 url(../../system/images/notice-note.png)
    802. 4px center no-repeat; border-top: 3px solid #F0DC7E;
    803.  border-bottom: 3px solid #F0DC7E; margin:0px;
    804. padding-left: 40px; text-indent:0px;}
    805.  
    806. #syndicate{
    807.     float:left;
    808.     padding-left: 25px;
    809. }
    810.  
    811. #power_by{
    812.     float:right;
    813.     padding-right: 25px;
    814. }
    815.  
    816. /* Component Specific Fixes */
    817.  
    818. #component-contact table td {
    819.     padding: 2px 0;
    820. }
     

Поделиться этой страницей

Загрузка...