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

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

Новости Joomla

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

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

gdX

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

Похожие темы