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

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

Новости Joomla

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

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

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

gdX

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

Похожие темы