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

Помогите разобратся как красиво сверстать (нужно для шаблона). У меня есть блок контент котороый при посощи 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 Просмотров: 4839	29.03.2017, 16:20:43 от berTalino
Раздельный кеш для разных шаблонов Автор Matysh	Ответов: 0 Просмотров: 1868	14.11.2015, 09:55:43 от Matysh
Вопрос по шаблону Автор Gvarda	Ответов: 3 Просмотров: 1654	20.08.2014, 12:44:10 от sergoguga
Дублируется меню в разных позициях Автор GoldennVoice	Ответов: 3 Просмотров: 2084	23.06.2014, 12:24:39 от GoldennVoice
Шаблон Artisteer отображается Неправильно на разных компах Автор nurlan87w	Ответов: 2 Просмотров: 2657	27.09.2013, 04:33:33 от experta

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

Новости Joomla

Joomla 6: Автоматические обновления ядра в Joomla

Обзор нововведений в Joomla 6.0.0. Статья на Хабре.14 октября 2025 года вышла Joomla 6.0.0

❓ Что же в ней нового?

Первый выпуск журнала NorrNext в честь 20-й годовщины Joomla™

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

gdX

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

Похожие темы