Форум Сайтостроение Веб-строительство

DIV верстка в IE чтоб его... помогите а?

12
Dreammaker
На сайте с 20.04.2006
Offline
570
Dreammaker
#11

Для головы может подойти такое решение..

оберните её в нулевой по размерам див с position:relative;

а голова потом с positition: absolute; будет по идее более адекватно реагировать на указание её top и left

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
shebeko
На сайте с 27.07.2007
Offline
66
shebeko
#12
Dreammaker:
Для головы может подойти такое решение..

оберните её в нулевой по размерам див с position:relative;
а голова потом с positition: absolute; будет по идее более адекватно реагировать на указание её top и left

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
html {
  height:100%;
  background: #000;
}
* html body {
  height:100%;
}
body {
  padding:0px; margin:0px auto;
  width:766px; height:100%;
  font:9pt Tahoma, Sans-Serif;
}

#main {position: relative;}

#head { 
	top:40;
	width:766px; height:23px;
	position: absolute;
	background: url(images/head.gif) 0 0 no-repeat;}

</style></head>

<body>
<div id=main>
	
	<div id=head>
	</div>
</div>	

</body>
</html>
не пашет отступ сверху, блин во гемор то... в таблицах все намного быстрей пипец
SHEBEKO.COM (http://shebeko.com) MLM- Web - Design - Development - SEO - Inspiration
shebeko
На сайте с 27.07.2007
Offline
66
shebeko
#13

может 50-50 блочной с табличной всетки для начала... а то сразу чота сложновато переходить на div

Dreammaker
На сайте с 20.04.2006
Offline
570
Dreammaker
#14
shebeko:
может

Так уж и быть разрешаем :D

shebeko
На сайте с 27.07.2007
Offline
66
shebeko
#15
Dreammaker:
Так уж и быть разрешаем :D

спасибо 😆

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#16

Прошу прощения, но никак руки не доходили до этого топика.

Если ещё нужно, попробую описать некоторые моменты. пишу кусками ЦСС и ХТМЛ, надеюсь соберёте воедино :)

Размерности так же наугад. Сами свои указывайте :)

Первое, диз фиксированной ширины - будем его ровнять по-середине экрана:

body {
text-align: center;
padding: 0;
margin: 0;
}
.layout {
margin: 0 auto;
width: 600px; 
text-align: left;
}

<div class="layout">
</div>

добавим менюшку, в которой, как я понимаю, будет у кусок бошки :)

при аккуратной блочной вёрстке я думаю у вас получится меню перенести целиком из вашего кода. оно кажется нормальное вышло.


.menu {
position: relative;
height: 50px;
}
.head {
position: absolute;
bottom: 0;
left: 250px;
width: 50px;
height: 10px;
z-index: 10;
background: url(head.jpg) no-repeat;
}

<div class="layout">
<div class="menu">
<ul>
<li><a href="">item1</a></li>
<li><a href="">item1</a></li>
<li><a href="">item1</a></li>
<li><a href="">item1</a></li>
</ul>
<div class="head"></div>
</div>
</div>

Теперь добавим большую пикчу и в ней блок для списка (который вы и так уже оформили):


.bigpic {
position: relative;
height: 450px;
background: url(bigpic.jpg) no-repeat;
}
.info {
position: absolute;
top: 250px;
left: 350px;
width: 100px;
height: 150px;
}

<div class="layout">
<div class="menu">
<ul>
<li><a href="">item1</a></li>
<li><a href="">item1</a></li>
<li><a href="">item1</a></li>
<li><a href="">item1</a></li>
</ul>
<div class="head"></div>
</div>
<div class="bigpic">
<div class="info"></div>
</div>
</div>

только эту часть вставляйте в пустой валидный шаблон, а то ваши каракули старые могут дать непредвиденные результаты :)

код должен одинаково отображаться начиная с ИЕ 5.5, Опера 8, ФФ 1.0.

За более ранние версии не ручаюсь :)

Дизайн интерьера (http://balabukha.com/)
Упал доход 8 развенчанных SEO-мифов. Часть Google Updates - апдейты
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий