Не работает Z-index - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Не работает Z-index

Опции

dimanchik87

Topic Starter сообщение

2.1.2013, 22:58; Ответить: dimanchik87

Сообщение #1

Группа: User
Сообщений: 59
Регистрация: 15.7.2012
Поблагодарили: 0 раз
Репутация:

В ие отказывается работать z-index,везде всё нормально http://clip2net.unet.by/page/m0/99482 ,а в ИЕ вот так http://clip2net.unet.by/page/m0/99483.

css

*{
margin:0;
padding:0;
}
.top,.bottom{
width:162px;
height:8px;
background:#ebe9e4;
float:left;
margin:0 25px 40px;
}
#news{
clear:both;
margin:0 0 15px 30px;
font:0.8em calibri;
}
#news span{
font:bold 1.2em calibri;
color:#353434;
}
#pict1{
width:578px;
height:204px;
}
#main{
position:relative;
height:315px;
}
#eat{
position:absolute;
top:-5px;
left:24px;
}
#shop{
position:absolute;
top:-5px;
left:236px;
}
#live{
position:absolute;
top:-5px;
left:453px;
}
.vertical{
width:10px;
height:114px;
float:left;

}
#v1{
background:#00639b;
}
#v2{
background:#857372;
}
#v3{
background:#9ccece;
}
.col{
width:162px;
height:122px;
background:#ebe9e4;
float:left;
margin-left:-5px;
margin-top:-170px;
padding-top:180px;
position:relative;
z-index:-1;
}
#main ul,.caption{
list-style:none;
font:0.8em calibri;
clear:both;
overflow:hidden;/*hasLayout for ie*/
}
#main li,.caption{
float:right;
margin-right:20px;
}
.caption{
font:1.5em calibri;
color:#033263;
margin-bottom:15px;
}
#house,#puma,#magazine{
clear:both;
float:left;
height:67px;
}
#house{
width:168px;
}
#puma{
width:165px;
}
#magazine{
width:167px;
height:75px;
margin-top:-7px;
}
.title{
float:left;
clear:both;
font:1.5em calibri;
color:#00639b;
}
.description{
clear:both;
width:150px;
font:0.8em calibri;
}
.description img{
display:inline-block;
width:17px;
height:8px;
}
.bottom{
clear:both;
height:12px;
margin:25px 0 10px;
}
#live .bottom{
margin-top:24px;
}
#footer ul{
clear:both;
list-style:none;
font:0.8em calibri;
color:#899681;
margin:0 0 10px 25px;
}
#footer li{
display:inline;
}
#footer span{
color:blue;
}

html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CONRAN</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="top"></div>
<div class="top"></div>
<div class="top"></div>
<div id="news"><span>CONRAN NEWS </span>: Special Offers avaliable at selected Conran Restaurants</div>
<img src="pict1.jpg" title="buy online" alt="buy online" id="pict1">
<div id="main">
<div id="eat">
<div class="vertical" id="v1"></div>
<div class="col">
<p class="caption">eat</p>
<ul>
<li>FIND A RESTAURANT</li>
<li>BOOK A TABLE</li>
<li>SPECIAL OFFERS</li>
<li>CONRAN EVENTS</li>
</ul>
</div>
<img src="house.jpg" title="" alt="" id="house">
<p class="title">opening soon</p>
<div class="description">Dublin Bay prawns: lobster fishcakes: sticky toffee pudding and more ...<img src="go.jpg" alt="" title=""></div>
<div class="bottom"></div>
</div>
<div id="shop">
<div class="vertical" id="v2"></div>
<div class="col">
<p class="caption">shop</p>
<ul>
<li>CONRAN SHOP</li>
<li>ONLINE SHOPPING</li>
<li>ACHATS EN LIGNE</li>
<li>CONRAN CONTRACTS</li>
</ul>
</div>
<img src="puma.jpg" title="" alt="" id="puma">
<p class="title">new for autumn</p>
<div class="description">Footwear from Phillipe Starck and Puma in store now <img src="go.jpg" alt="" title=""></div>
<div class="bottom"></div>
</div>
<div id="live">
<div class="vertical" id="v3"></div>
<div class="col">
<p class="caption">live</p>
<ul>
<li>LIVE IT MAGAZINE</li>
<li>CONRAN NEWS</li>
<li>CONRAN CARD</li>
</ul>
</div>
<img src="magazine.jpg" title="" alt="" id="magazine">
<p class="title">live it magazine</p>
<div class="description">Selected highlights from Live It, the Conran magazine <img src="go.jpg" alt="" title=""></div>
<div class="bottom"></div>
</div>
</div>
<div id="footer">
<ul>
<li>TERENCE CONRAN</li>
<li><span> | </span>CONRAN &AMP; PARTNERS</li>
<li><span> | </span>CONRAN CARD</li>
<li><span> | </span>CONRAN GROUP</li>
<li><span> | </span>JOBS</li>
<li><span> | </span>CONTACT US</li>
<li><span> | </span>PRIVACY</li>
</ul>
</div>
</body>
</html>

Ответить с цитированием данного сообщения

dimanchik87 Topic Starter dimanchik87Topic Starter 3.1.2013, 14:39; Сообщений: 59 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.1.2013, 14:39; Ответить: dimanchik87 Сообщение #2
0 Группа: User Сообщений: 59 Регистрация: 15.7.2012 Поблагодарили: 0 раз Репутация: 0	Также не пойму почему не работает justify http://jsfiddle.net/...chik87/DHrg8/9/

dimanchik87 Topic Starter dimanchik87Topic Starter 3.1.2013, 14:40; Сообщений: 59 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.1.2013, 14:40; Ответить: dimanchik87 Сообщение #3
0 Группа: User Сообщений: 59 Регистрация: 15.7.2012 Поблагодарили: 0 раз Репутация: 0	http://jsfiddle.net/dimanchik87/DHrg8/ ссылка на код по первому вопросу

dimanchik87 Topic Starter dimanchik87Topic Starter 3.1.2013, 16:01; Сообщений: 59 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.1.2013, 16:01; Ответить: dimanchik87 Сообщение #4
0 Группа: User Сообщений: 59 Регистрация: 15.7.2012 Поблагодарили: 0 раз Репутация: 0	решение по z-index найдено вопрос про justify по прежнему актуален

danilhtml danilhtml 3.1.2013, 19:32; Сообщений: 54 Поблагодарили: 2 раза Репутация: -1 Просмотр профиля	3.1.2013, 19:32; Ответить: danilhtml Сообщение #5
клоновод Группа: Banned Сообщений: 54 Регистрация: 17.10.2012 Из: Украина Поблагодарили: 2 раза Репутация: -1	(dimanchik87 @ 3.1.2013, 19:01) решение по z-index найдено вопрос про justify по прежнему актуален Почему же не написали решение на форум, может кому то было бы полезно. Z-index работает только для элементов, у которых значение position задано как absolute, fixed или relative. -------------------- клоновод

danilhtml danilhtml 3.1.2013, 19:33; Сообщений: 54 Поблагодарили: 2 раза Репутация: -1 Просмотр профиля	3.1.2013, 19:33; Ответить: danilhtml Сообщение #6
клоновод Группа: Banned Сообщений: 54 Регистрация: 17.10.2012 Из: Украина Поблагодарили: 2 раза Репутация: -1	(dimanchik87 @ 3.1.2013, 17:39) Также не пойму почему не работает justify http://jsfiddle.net/...chik87/DHrg8/9/ Оно работает. Что вы хотели добиться, применяя это свойство? -------------------- клоновод

danilhtml danilhtml 3.1.2013, 19:37; Сообщений: 54 Поблагодарили: 2 раза Репутация: -1 Просмотр профиля	3.1.2013, 19:37; Ответить: danilhtml Сообщение #7
клоновод Группа: Banned Сообщений: 54 Регистрация: 17.10.2012 Из: Украина Поблагодарили: 2 раза Репутация: -1	[CSS]text-align:justify;[/CSS] Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами. -------------------- клоновод

dimanchik87 Topic Starter dimanchik87Topic Starter 3.1.2013, 20:19; Сообщений: 59 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.1.2013, 20:19; Ответить: dimanchik87 Сообщение #8
0 Группа: User Сообщений: 59 Регистрация: 15.7.2012 Поблагодарили: 0 раз Репутация: 0	(danil-html @ 3.1.2013, 22:37) [CSS]text-align:justify;[/CSS] Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами. я понимаю как должно работать justify!Мне нужно растянуть слово на весь блок! вот так http://clip2net.unet.by/page/m0/99606, а получается вот так http://clip2net.unet.by/page/m0/99607. Решение простое,запихнул картнку в div и ему сделал z-index:1;почему-то только отрицательного z-index у блоков с текстом всем было достаточно кроме ИЕ.Так что как говориться пришлось объяснять 2 раза!

Zippovich Zippovich 3.1.2013, 22:13; Сообщений: 1746 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.1.2013, 22:13; Ответить: Zippovich Сообщение #9
0 Группа: User Сообщений: 1746 Регистрация: 10.12.2008 Поблагодарили: 0 раз Репутация: 0	растянуть слово? используйте letter-spacing и font-size

dimanchik87

Topic Starter сообщение

3.1.2013, 22:27; Ответить: dimanchik87

Сообщение #10

Группа: User
Сообщений: 59
Регистрация: 15.7.2012
Поблагодарили: 0 раз
Репутация:

(Zippovich @ 4.1.2013, 01:13)

растянуть слово? используйте letter-spacing и font-size

Всё гениальное просто!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Крауд-маркетинг который работает \| Эффективные Ру-ссылки	1	Azyuka	1064	13.2.2024, 19:36 автор: tascha56
Кто работает с партнерской программой eBay?	0	Stalser	1177	14.12.2021, 12:26 автор: Stalser
Кто работает с партнеркой Кликбанк?	4	metvekot	1723	5.12.2021, 22:32 автор: adamsadriane
Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает. Ваша реклама может быть больше!	0	AndyGray	6802	1.4.2021, 12:31 автор: AndyGray
Продам мануал "Как работает Google Discover"	8	vvovvo	3119	28.5.2020, 19:50 автор: vvovvo

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 23.4.2024, 10:03

Дизайн