Смещение модулей в IE

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

Статус темы:
Закрыта.
  1. Offline

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

    Регистрация:
    10.01.2006
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Прочитал Учебник «Создание шаблона Joomla!», стал пробовать размещать модули. В Опере всё нормально, в IE, при перетаскивании границы окна, модули «скачут». Подскажите, пожалуйста, в чём дело?
    Код (CODE):
    1. <?php defined( '_VALID_MOS' ) or die( 'Доступ ограничен' ); ?>
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml" lang="<?php echo _LANGUAGE; ?>"
    5. xml:lang="<?php echo _LANGUAGE; ?>">
    6.  
    7. <head>
    8. <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
    9. <?php if ($my->id) { initEditor(); } ?>
    10. <?php mosShowHead(); ?>
    11. <script type="text/javascript"> </script>
    12. <link href="templates/<?php echo $cur_template; ?>/css/template_css.css"
    13. rel="stylesheet" type="text/css" media="screen" />
    14. </head>
    15. <body>
    16.   <div id="wrap">
    17.     <div id="header">
    18.       <h1><?php echo $mosConfig_sitename; ?></h1>
    19.     </div>
    20.     <div id="header">
    21.        <span class="pathway"><?php mosPathWay();?></span>
    22.        <!--?php echo (strftime (_DATE_FORMAT_LC)); ?-->
    23.     </div>
    24.     <div id="leftcolumn">
    25.       <div class="inside">
    26.         <?php mosLoadModules('left',-2);?>
    27.       </div>
    28.     </div>
    29.     <div id="mainbody">
    30.  
    31.     <?php if (mosCountModules('right')) { ?>
    32.       <div id="maincol">
    33.         <div class="inside">
    34.           <?php mosLoadModules('top',-2);?>
    35.           <div id="muser">
    36.             <div id="muser1">
    37.               <div class="inside1">
    38.                 <?php mosLoadModules('user1',-2);?>
    39.               </div>
    40.             </div>
    41.             <div id="muser2">
    42.               <div class="inside2">
    43.                 <?php mosLoadModules('user2',-2);?>
    44.               </div>
    45.             </div>
    46.           </div>
    47.         <?php mosMainBody(); ?>
    48.         </div>
    49.       </div>
    50.       <div id="rightcolumn">
    51.         <div class="inside">
    52.            <?php mosLoadModules('right',-2);?>
    53.         </div>
    54.       </div>
    55.     <?php } else { ?>
    56.  
    57. <style type="text/css"> <!--
    58. #maincol { width:100%; }
    59. #rightcolumn { width:0%; }
    60. --> </style>
    61.  
    62.       <div id="maincol">
    63.         <div class="inside">
    64.           <?php mosLoadModules('top',-2);?>
    65.           <div id="muser">
    66.             <div id="muser1">
    67.               <div class="inside1">
    68.                 <?php mosLoadModules('user1',-2);?>
    69.               </div>
    70.             </div>
    71.             <div id="muser2">
    72.               <div class="inside2">
    73.                 <?php mosLoadModules('user2',-2);?>
    74.               </div>
    75.             </div>
    76.           </div>
    77.   <?php mosMainBody(); ?>
    78.         </div>
    79.       </div>
    80.  
    81.     <?php } ?>
    82.     </div> <!--end of main-body-->
    83.     <div id="footer">
    84.       <?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
    85.       <?php mosLoadModules('footer',-2);?>
    86.     </div>
    87.   </div><!--end of wrap-->
    88. </body>
    89. </html>


    Мнение про кривые руки читал. Вполне возможно — первый раз этим занимаюсь.

    Шаблон испытывается здесь.
     
    lazyleto, 10.09.2007
    #1

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

     
  3. isotn
    Offline

    isotn Пользователь

    Регистрация:
    02.01.2007
    Сообщения:
    313
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    <div> - тег контейнерного типа, не фиксирован жестко, как таблица. Изменяешь размер окна - он меняет свои размеры. вот и прыгает.
     
    isotn, 10.09.2007
    #2
  4. Offline

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

    Регистрация:
    10.01.2006
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    Значит не в коде дело и для IE это нормально? В некоторых положениях IE назад после смещения модули не возвращаются.
     
    Последнее редактирование: 10.09.2007
    lazyleto, 10.09.2007
    #3
  5. isotn
    Offline

    isotn Пользователь

    Регистрация:
    02.01.2007
    Сообщения:
    313
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    И в FF у тебя дивы плывут.... Смотри внимательно шаблон, он еще оч. сырой.
     
    isotn, 10.09.2007
    #4
  6. Offline

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

    Регистрация:
    10.01.2006
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    Понятно, что сырой. Пример из учебника с другим расположением модулей. Посмотрю ещё раз, может и напортачил.
    Кстати, думал, если в Опере нормально, то и в FF тоже.
    Спасибо.
     
    lazyleto, 10.09.2007
    #5
  7. isotn
    Offline

    isotn Пользователь

    Регистрация:
    02.01.2007
    Сообщения:
    313
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    Неа, движки разные.

    Кстати, присмотрись к своему css - в основном от него все беды. Там править и править....
     
    isotn, 10.09.2007
    #6
  8. Offline

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

    Регистрация:
    10.01.2006
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    Просто читал, что именно IE не все стандарты соблюдает.

    Добавлено через 29 минут
    isotn, пожалуйста, посмотри в FF. IE я вроде бы обманул.

    Добавлено через 45 минут
    Сделал так:
    Уменьшил общую ширину со 100% до 99.9%:
    Код (CODE):
    1. #leftcolumn {
    2.     width:25%;
    3. }
    4. #mainbody {
    5.     width:74.9%;
    6. }

    То же самое для моулей «Последние новости» и «Популярное». 50% и 49.9% соответственно.
    Модули прыгать перестали.
     
    Последнее редактирование: 10.09.2007
    lazyleto, 10.09.2007
    #7
  9. isotn
    Offline

    isotn Пользователь

    Регистрация:
    02.01.2007
    Сообщения:
    313
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    Вот так это в FF выглядит
     

    Вложения:

    • screenshot.jpg
      screenshot.jpg
      Размер файла:
      40.3 КБ
      Просмотров:
      14
    isotn, 11.09.2007
    #8
  10. isotn
    Offline

    isotn Пользователь

    Регистрация:
    02.01.2007
    Сообщения:
    313
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    Кстати, если добавить строчку display:block; в строку 2 в customize.css - вроде FF все показываетю Проверь
     
    isotn, 11.09.2007
    #9
  11. Offline

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

    Регистрация:
    10.01.2006
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Смещение модулей в IE

    Похоже надо FireFox скачать :)
     
    lazyleto, 11.09.2007
    #10
< изменение стиля модуля | Сайт свежий ветер - помогите, кривой шаблон >
Статус темы:
Закрыта.

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

Загрузка...