Никак не могу отцентровать шаблон в "Лисе"

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

  1. Offline

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

    Регистрация:
    02.03.2009
    Сообщения:
    9
    Симпатии:
    0
    Склепал свой шаблон, вот с какой проблемой сталкнулся никак не могу в лисе отцентровать в ИЕ7 все норм в лисе никак, подскажите пожалуйста что я делаю не так

    Index.php
    Код (html):
    1. <?php echo '<?xml version="1.0" encoding="utf-8"?' .'>'; ?>
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    4. <head>
    5. <jdoc:include type="head" />
    6. <link rel="stylesheet" href="<?php echo $mainframe->getCfg('live_site'); ?>/templates/
    7. _system/css/general.css" type="text/css" />
    8. <link rel="stylesheet" href="templates/Usadba1/css/template.css" type="text/css" />
    9. <link href="css/template.css" rel="stylesheet" type="text/css" />
    10. </head>
    11. <body>
    12. <table id="Table-01">
    13.     <tr>
    14.         <td id="left-side">
    15.             </td>
    16.         <td id="heder-lf">
    17.             </td>
    18.         <td id="banner-top">
    19.             </td>
    20.         <td id="right-side">
    21.             </td>
    22.     </tr>
    23.     <tr>
    24.         <td id="index-2-04">
    25.             <jdoc:include type="modules" name="user1" style="" /></td>
    26.     </tr>
    27.     <tr>
    28.         <td id="banner-botom">
    29.             </td>
    30.     </tr>
    31.     <tr>
    32.         <td id="index-2-08"><jdoc:include type="component" style="  />
    33.             </td>
    34.         <td id="menu-lf">
    35.             </td>
    36.         <td id="index-2-12">
    37.             <jdoc:include type="modules" name="right" style="" /></td>
    38.     </tr>
    39.     <tr>
    40.  
    41. </table>
    42. </body>
    43. </html>

    Вот CSS
    Код (html):
    1. * {
    2. margin: 0;
    3. padding: 0;
    4. }
    5. body {
    6.     font-family: Verdana, Geneva, sans-serif;
    7.     font-size: 12px;
    8.     color: #950916;
    9.     background-color:#FAEBB2;
    10.     text-align: justify;
    11.    
    12. }
    13. h1, h2, h3, h4, h5, h6, p, pre,
    14. blockquote, ul, ol, dl, address,
    15. .componentheading,.contentheading,
    16. .contentpagetitle,.sectiontableheader,.newsfeedheading{
    17.     margin: 1em 0;
    18.     padding: 0;
    19.     font-size: 16px;
    20. }
    21. li, dd, blockquote {
    22. margin-left: 1em;
    23. }
    24. fieldset {
    25. border: none;
    26. }
    27. input, select, textarea {
    28. font-size: 1em;
    29. }
    30.  
    31.  
    32.  
    33. h1,.componentheading {
    34. font-size:14px;
    35. font-family: Verdana, Geneva, sans-serif;
    36. font-style: inherit;
    37. text-align: center;
    38. margin:1em 0;  /* отступ заголовка: сверху/снизу */
    39. padding:0 0em; /* отступ текста: слева/справа */
    40. background:;
    41. }
    42. h2,.contentheading,a.contentheading:link,a.contentheading:visited,
    43. .contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {
    44. font:;
    45. color:;
    46.     font-size:14px;
    47. font-family:;
    48.     font-style: normal;
    49. font-weight:;
    50.     text-align: left;
    51.     margin:1em 0;  /* отступ заголовка: сверху/снизу */
    52.     padding:1em 1em; /* отступ текста: слева/справа */
    53. background:;
    54.     font-weight: bold;
    55.     color: #09C;
    56. }
    57. h3,table.moduletable th {
    58. font:;
    59. color:;
    60. font-size:14px;
    61. font-family:;
    62. font-style:;
    63. font-weight:;
    64. text-align:;
    65. margin:1em 0;  /* отступ заголовка: сверху/снизу */
    66. padding:0 0em; /* отступ текста: слева/справа */
    67. background:;
    68. }
    69. h4 {
    70. font:;
    71. color:;
    72. font-size:1.2em;
    73. font-family:;
    74. font-style:;
    75. font-weight:;
    76. text-align:;
    77. margin:1em 0;  /* отступ заголовка: сверху/снизу */
    78. padding:0 0em; /* отступ текста: слева/справа */
    79. background:;
    80. }
    81. h5 {
    82. font:;
    83. color:;
    84. font-size:1.2em;
    85. font-family:;
    86. font-style:;
    87. font-weight:;
    88. text-align:;
    89. margin:1em 0;  /* отступ заголовка: сверху/снизу */
    90. padding:0 0em; /* отступ текста: слева/справа */
    91. background:;
    92. }
    93. h6 {
    94. font:;
    95. color:;
    96. font-size:1.2em;
    97. font-family:;
    98. font-style:;
    99. font-weight:;
    100. text-align:;
    101. margin:1em 0;  /* отступ заголовка: сверху/снизу */
    102. padding:0 0em; /* отступ текста: слева/справа */
    103. background:;
    104. }
    105. img {
    106.     border: 0;
    107.     padding: 5px;
    108. }
    109.  
    110. p, td, tr, div {
    111. font:;
    112. color:;
    113.     font-size:12px;
    114. font-family:;
    115. font-style:;
    116. font-weight:;
    117. text-align:;
    118.     margin:0px 0;  /* отступ по вертикали: сверху/снизу */
    119.     padding:0 0px; /* отступ по горизонтали: слева/справа */
    120. background:;
    121. }
    122. p {
    123. font:;
    124. color:;
    125. font-size:12px;
    126. font-family:;
    127. font-style:;
    128. font-weight:;
    129. text-align:;
    130.     margin:10px 0; /*отступ по вертикали: сверху/снизу*/
    131.     padding:0 0em; /*отступ по горизонтали: слева/справа*/
    132.  
    133. background:;
    134. }
    135. li > p {
    136. margin-top:0em;
    137. }
    138. pre {
    139. font-family: monospace;
    140. font-size: 1.0em;
    141. }
    142. strong, b {
    143. font-weight: bold;
    144. }
    145. td {
    146. font:;
    147. color:;
    148. font-size:;
    149. font-family:;
    150. font-style:;
    151. font-weight:;
    152. text-align:;
    153.  
    154. }
    155. tr {
    156. font:;
    157. color:;
    158. font-family:;
    159. font-style:;
    160. font-weight:;
    161. text-align:;
    162. background:;
    163.     margin-top: 1em;
    164.     margin-right: 0;
    165.     margin-bottom: 1em;
    166.     margin-left: 0;
    167.     padding-top: 0;
    168.     padding-right: 0em;
    169.     padding-bottom: 0;
    170.     padding-left: 0em;
    171.     top: auto;
    172. }
    173. abbr acronym {
    174.  
    175. font:;
    176. color:;
    177. font-family:;
    178. font-style:;
    179. font-weight:;
    180. background:;
    181. }
    182. link {
    183.     color:#36F
    184. }
    185. a {
    186.     color:#950916;
    187.     font-weight: bold;
    188.     padding: 0px;
    189.     margin: 10px;
    190.     font-size: 12px;
    191. }
    192. #Table-01 {
    193.     background-color:#FAEBB2;
    194.     position:absolute;
    195.     left:0px;
    196.     top:0px;
    197.     width:1002px;
    198.     height:802px;
    199.     vertical-align: top;
    200.     margin-left:10%;
    201. }
    202.  
    203. #left-side {
    204.     background: transparent url(../images/left_side.png) top center no-repeat;
    205.     position:absolute;
    206.     left:0px;
    207.     top:0px;
    208.     width:28px;
    209.     height:802px;
    210. }
    211.  
    212. #heder-lf {
    213.     background: transparent url(../images/heder_lf.jpg) top center no-repeat;
    214.     position:absolute;
    215.     left:28px;
    216.     top:0px;
    217.     width:431px;
    218.     height:301px;
    219.    
    220. }
    221.  
    222. #banner-top {
    223.     background: transparent url(../images/banner_top.png) top center no-repeat;
    224.     position:absolute;
    225.     left:459px;
    226.     top:0px;
    227.     width:510px;
    228.     height:44px;
    229. }
    230.  
    231. #right-side {
    232.     background: transparent url(../images/right_side.png) top center no-repeat;
    233.     position:absolute;
    234.     left:969px;
    235.     top:0px;
    236.     width:33px;
    237.     height:802px;
    238. }
    239.  
    240. #index-2-04 {
    241.     position:absolute;
    242.     left:459px;
    243.     top:44px;
    244.     width:510px;
    245.     height:181px;
    246. }
    247.  
    248. #banner-botom {
    249.     background: transparent url(../images/banner_botom.png) top center no-repeat;
    250.     position:absolute;
    251.     left:459px;
    252.     top:225px;
    253.     width:510px;
    254.     height:76px;
    255. }
    256.  
    257.    
    258. #index-2-08 {
    259.     position:absolute;
    260.     left:28px;
    261.     top:301px;
    262.     width:689px;
    263.     height:457px;
    264.     margin-top:auto;
    265.     margin-left:auto;
    266. }
    267.  
    268. #menu-lf {
    269.     background: transparent url(../images/menu_lf.png) top center no-repeat;
    270.     position:absolute;
    271.     left:717px;
    272.     top:301px;
    273.     width:52px;
    274.     height:457px;
    275. }
    276.  
    277. #index-2-12 {
    278.     position:absolute;
    279.     left:769px;
    280.     top:301px;
    281.     width:200px;
    282.     height:457px;
    283.     text-align:left;
    284.     vertical-align:text-top;
    285. }
    286.  
    287. #footer {
    288.     background: transparent url(../images/footer.png) top center no-repeat;
    289.     position:absolute;
    290.     left:28px;
    291.     top:758px;
    292.     width:941px;
    293.     height:44px;
    294. }

    На картинках результат отображения в Лисе и ИЕ7
     

    Вложения:

    • 5.jpg
      5.jpg
      Размер файла:
      56.2 КБ
      Просмотров:
      8
    • 6.jpg
      6.jpg
      Размер файла:
      55.9 КБ
      Просмотров:
      7
    ASB, 04.03.2009
    #1

  2. Наши спонсоры

     
  3. SanSan
    Offline

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

    Регистрация:
    04.03.2006
    Сообщения:
    424
    Симпатии:
    18
    Пол:
    Мужской
    center задать для таблицы
     
    SanSan, 04.03.2009
    #2
  4. Offline

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

    Регистрация:
    02.03.2009
    Сообщения:
    9
    Симпатии:
    0
    не помогает, тот же эффект,в табле прописываю <table id="Table-01" align="center">
     
    ASB, 04.03.2009
    #3
  5. Offline

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

    Регистрация:
    02.03.2009
    Сообщения:
    9
    Симпатии:
    0
    Есть еще у кого какие идеи?
     
    ASB, 04.03.2009
    #4
  6. SanSan
    Offline

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

    Регистрация:
    04.03.2006
    Сообщения:
    424
    Симпатии:
    18
    Пол:
    Мужской
    у меня прекрасно отцентровалась таблица в FireFox с дополнением: <table align="center" id="Table-01">
    что же у тебя за лис?
     
    SanSan, 04.03.2009
    #5
< Ротатор изображений с эффектами | Создание Новостей и События >

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

Загрузка...