Проблемы с вёрсткой модулей в IE

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Lusena, 20.03.2009.

  1. Lusena
    Offline

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

    Регистрация:
    20.12.2007
    Сообщения:
    20
    Симпатии:
    0
    Пол:
    Женский
    Помогите пожалуйста... в опере и firefox всё нормально отображается, в IE 7 под модулем главного меню какая-то корявая картинка вылазит, в IE 6 вообще расползается...

    Код (html):
    1. <table border="0" cellpadding="5" cellspacing="0" width="100%">
    2.   <tr>
    3.      <!-- LEFT Modules -->
    4.     <?php
    5.      if (mosCountModules('left')>0) {
    6.        ?><td width="200" valign="top">
    7.        
    8.  
    9.     <div width="200" id="lm" valign="top">
    10.         <div><div><?php mosLoadModules ( "left",-3); ?></div></div></div>
    11.        
    12.    
    13.         </td>
    14.         <?php
    15.      }
    16.    ?>
    17.     <td valign="top" >
    18.       <?php if (mosCountModules('top')>0) mosLoadModules('top',-3,'true'); ?>
    19.       <!-- Main Content Section -->
    20.      <div  id="mb" valign="top"><div><div><div><?php mosMainBody(); ?></div></div></div></div>
    21.     </td>
    22. <td valign="top" width="200">
    23. <?php
    24.      if (mosCountModules('right')>0) {
    25.         ?> 
    26.        
    27.        
    28. <div width="200" id="rm" valign="top">
    29.         <div><div><div>
    30.           <?php mosLoadModules ( "right",-3); ?></div></div></div></div>
    31.         <?php
    32.      }
    33.    ?>
    34.     </td>
    35.   </tr>
    36. </table>


    css

    Код (CODE):
    1. div#lm {
    2.     padding: 15px 0px 0px 0px;
    3.     background: url('../images/modul/top.jpg') no-repeat top left;
    4.     display: block;
    5.     vertical-align: top;
    6.  
    7. }
    8.    
    9. div#lm  div {
    10. background: url('../images/modul/cent.jpg') repeat-y top right;
    11. width: 200px;
    12. color: #FFD700;
    13. font-size: 14px;
    14. font-weight: bold;
    15. font-style: italic;
    16. font-family: "Times New Roman", Times, serif;
    17.  
    18. }
    19.  
    20. div#lm  div div {
    21.     background: url('../images/modul/bot.jpg') no-repeat bottom left;
    22.     width: 200px;
    23.     padding-bottom: 5px;
    24. }
    25.    
    26. div#lm div div div {
    27.     width: 200px;
    28.     background: none;
    29.  
    30. }
    31. div#rm {
    32.     padding: 15px 0px 0px 0px;
    33.     background: url('../images/modul/top.jpg') no-repeat top left;
    34.     display: block;
    35.     vertical-align: top;
    36.  
    37. }
    38. div#rm  div {
    39. background: url('../images/modul/cent.jpg') repeat-y top right;
    40. width: 200px;
    41. color: #FFD700;
    42. font-size: 14px;
    43. font-weight: bold;
    44. font-style: italic;
    45. font-family: "Times New Roman", Times, serif;
    46.  
    47. }
    48.  
    49. div#rm  div div {
    50.     background: url('../images/modul/bot.jpg') no-repeat bottom left;
    51.     width: 200px;
    52.     padding-bottom: 5px;
    53. }
    54.    
    55. div#rm div div div {
    56.     width: 200px;
    57.     background: none;
    58. }


    сайт slingi.liveangarsk.ru на joostina2.0
    Главное меню выводится через mod_mljoostinamenu "меню картинками" в DIV
     
  2.  

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

Загрузка...