Вопрос связанный с версткой - разное отбражение в разных бравзерах - Joomla 1.5: Шаблоны, разметка и макеты вывода

use Joomla\CMS\Event\AbstractEvent;use Joomla\CMS\Factory;use Joomla\CMS\Plugin\PluginHelper;// Грузим плагины нужных группPluginHelper::importPlugin('system');// Создаём объект события$event = AbstractEvent::create('onAfterInitUniverse', [ 'subject' => $this, 'data' => $data, // какие-то данные 'article' => $article, // ещё материал вдовесок 'product' => $product, // и товаров подвезли]);// Триггерим событиеFactory::getApplication()->getDispatcher()->dispatch( $event->getName(), // Тут можно строку передать 'onAfterInitUniverse' $event);// Получаем результаты// В случае с AbstractEvent это может быть не 'result',// а что-то ещё - куда сами отдадите данные.// 2-й аргумент - значение по умолчанию, // если не получены результаты$results = $event->getArgument('result', []);

use Joomla\Component\MyComponent\Administrator\Event\MyCoolEvent;$event = MyCoolEvent::create('onAfterInitUniverse', [ 'subject' => $this, 'eventClass' => MyCoolEvent::class, // ваш класс события 'data' => $data, // какие-то данные 'article' => $article, // ещё материал вдовесок 'product' => $product, // и товаров подвезли]);

Помогите разобратся как красиво сверстать (нужно для шаблона). У меня есть блок контент котороый при посощи margin-top я хочу отодвинууть по вертикали на 150 пк. И все бы хорошо но как только я добавляю элемент logo с абсолютным позиционированиием то интернет експлоратор 6.0 отказывается соблюдать границу в 150 пк. В Опере и Файрфоксе все ок. Я вышел из аположения тем что добавил пустой блок сверху ..но что то мне подсказывает что решение не самое красивое и я что то не понимаю. Как лучше поступить?

Код

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Position of DIV elements in different browseres</title>

<style type="text/css">
<!--
html, body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	 /*height:100%;*/
   padding: 0px;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	width:995px;
}

.main {
	background-color:#00FF99;
}

.content {
	position:static;
	top:150px;
	margin-left:150px;
	margin-top:0px;
	min-height:300px;
	background-color:#CC66CC;
	z-index:2;
}

.footer {
	position:static;
	background-color: #FF9933;
	height:30px;
	text-align:left;
	z-index:2;
}


* html #content {
   height: 300px; /* Ýòî õàê äëÿ IE - îí íå ïîíèìàåò min-height, çàòî íåïðàâèëüíî ïîíèìàåò height  */
	}
	
.absolute_block {
	position: absolute;
	float:left;
	width:50px;
	height:50px;
	top:30px;
	left:30px;
	background-color:#9966FF;
	clear:both;
}	

.empty_head {
	position:static;
	height:150px;
	width:100%;
	background-color:#999999;
	visibility:hidden;
}

.menu {
	position:absolute;
	top:150px;
	left:0px;
	height:300px;
	width:150px;
	background-color: #FF3333;
}

.inner_block {
	float: left;
	height:auto;
	width:auto;
	background-color:#FFFF66;
}
-->
</style>

</head>

<body>
	<div class="absolute_block"> logo</div>
	 <div class="empty_head"> </div> 
     <div class="empty_left" align="left"> </div>
     <div class="menu"> menu </div>
     
<!-- <div class="main"> -->
    <div id="content" class="content">
    <div class="inner_block">inner block inner <br /> block float left </div>
    content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content</div>
    <div class="footer">(c) footer</div>
<!-- </div> --> <!-- end main -->

</body>
</html>

Вопрос по добавлению тега в МЕНЮ j 1.5 Автор berTalino	Ответов: 12 Просмотров: 4575	29.03.2017, 16:20:43 от berTalino
Раздельный кеш для разных шаблонов Автор Matysh	Ответов: 0 Просмотров: 1829	14.11.2015, 09:55:43 от Matysh
Вопрос по шаблону Автор Gvarda	Ответов: 3 Просмотров: 1624	20.08.2014, 12:44:10 от sergoguga
Дублируется меню в разных позициях Автор GoldennVoice	Ответов: 3 Просмотров: 2036	23.06.2014, 12:24:39 от GoldennVoice
Шаблон Artisteer отображается Неправильно на разных компах Автор nurlan87w	Ответов: 2 Просмотров: 2613	27.09.2013, 04:33:33 от experta

Вопрос связанный с версткой - разное отбражение в разных бравзерах - Joomla 1.5: Шаблоны, разметка и макеты вывода

Новости Joomla

Как триггерить события для плагинов на манер Joomla 5+?В Joomla 6 должны удалить метод...

Joomla признана лучшей CMS 2025 в конкурсе 20i FOSS Awards

Joomla 20 лет. Евгений Сивоконь.

Вопрос связанный с версткой - разное отбражение в разных бравзерах

gdX

Re: Вопрос связанный с версткой - разное отбражение в разных бравзерах

Похожие темы