Собственно говоря, резиновый шаблон, нормально отображавшийся в html документе под IE6, полностью разваливается после переноса в качестве шаблона Joomla. Никаких лишних CSS стилей. Не могу понять, в чём причина... Как Joomla может влиять на шаблон и почему?
В качестве примера прилагаю файлы.
Оригинал шаблона взят
здесь.
На картинке example1.gif показано правильное отображение шаблона. На картинке example2.gif показано, как сбился шаблон после переноса на Joomla - левый блок уехал под mainbody (IE6). Модули ВООБЩЕ не вызываются - т.е. в данный момент просто тупо перенёс шаблон.
Вот HTML код:
<?php
defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/stylesheet.css\" type=\"text/css\"/>" ; ?>
<?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico\" />" ; ?>
<?php echo "<script src=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/js/minmax.js\" type=\"text/JavaScript\"></script>" ; ?>
</head>
<body>
<div id="header">Шапка</div>
<div id="content">
<div id="outer1">
<div id="outer2">
<div id="outer3">
<div id="main">Контент</div>
</div>
<div id="left">Левый блок</div>
</div>
</div>
<div id="right">Правый блок</div>
</div>
<div id="footer">Футер</div>
</body>
И CSS код:
* {margin: 0px; padding: 0px;}
html {background: #CCFFFF; height: 100%;}
body {min-width: 800px; min-height: 100%; position: relative;}
* html body {height: 100%;}
#header {background: #FFFF99; height: 100px;}
#content {width: 100%; max-width: 1000px; margin: 0px auto; padding-bottom: 70px; overflow: hidden;}
#outer1 {width: 100%; margin-right: -200px; float: left;}
#outer2 {margin-right: 200px;}
#outer3 {width: 100%; margin-left: -200px; float: right;}
#main {margin-left: 200px; background: #FFCCFF;}
#left {width: 200px; float: left; background: #00CCFF;}
#right {width: 200px; float: right; background: #FFCC66;}
#footer {background: #66FFCC; width: 100%; height: 70px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
original-template.zip - html оригинал шаблона.
second-joom-template - он же, перенесённый под Joomla, где и обнаруживается данный глюк в IE.
Помогите разобраться. У меня это уже не первый случай, когда нормальный шаблон разваливается после переноса на Joomla (без использования сторонних CSS).
[вложение удалено Администратором]
05.11.2020, 21:45:29