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

помогите с позиционированием объекта на странице

12
Z
На сайте с 05.02.2010
Offline
82
zamuty
1077

вот кусок кода, взятый из учебника html =) дело в том, что объект 2gbtn отображается в правом нижнем углу объекта layer1 только в IE (как и должно быть ), а в chrome он в верхнем левом углу отображается =( почему так, подскажите? =)

<html>

<head>

<title>help</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

.layer1 {

position: relative;

background: #f0f0f0;

height: 200px;

}

.2gbtn {

position: absolute;

bottom: 15px;

right: 15px;

}

body {

background-image: url(images/backgraund.jpg);background-position:center top; background-repeat: no-repeat;

}

</style>

</head>

<body >

<div class="layer1">

<div class="2gbtn">

<img src="images/site_11.jpg" alt="backgraund">

</div>

</div>

</body>

</html>

Lesya-lisichka
На сайте с 10.01.2011
Offline
41
Lesya-lisichka
#1

причина в position: absolute; попробуйте изменить на relative

Портфолио (https://www.weblancer.net/users/Lesyaagrus/portfolio/)
dma84
На сайте с 21.04.2009
Offline
168
dma84
#2 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>help</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css" rel="stylesheet">
.d1{position:relative;background:#f0f0f0;height:200px;width:400px}
.d2{position:absolute;bottom:15px;right:15px;border:1px red solid;width:100px;height:50px} 
</style>
</head>
<body >
<div class="d1">
 <div class="d2">fsdfsdfsdf</div>
</div>
</body>
</html>

Вот так работает, объяснить не смогу, пятница же)

Lesya-lisichka
На сайте с 10.01.2011
Offline
41
Lesya-lisichka
#3

Хотела добавить, что необходимо указать высоту и ширину. ) Но dma84 успел раньше

[Удален]
#4

dma84, !DOCTYPE :)

dma84
На сайте с 21.04.2009
Offline
168
dma84
#5
burunduk:
dma84, !DOCTYPE :)

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

dma84 добавил 21.01.2011 в 19:30

Lesya-lisichka:
Хотела добавить, что необходимо указать высоту и ширину. ) Но dma84 успел раньше

Причина как раз таки в доктайп, а ещё у тега style не было прописано rel="stylesheet", без него в хроме не пахало

Новая логика работы операторов Google: когда можно удалять Для запрета индексирования ссылок
Z
На сайте с 05.02.2010
Offline
82
zamuty
#6

Спасибо всем! И dma84 в частности! =) Еще один вопрос, если можно =) Как сделать flash объект ссылкой именно в html коде, без прописи статичной ссылки в macromedia flash? =)

p.s. кривенько написано но надеюсь вы меня поняли =)

Яндекс индексирует Flash Оптимизация Flash под поисковые В Яндекс.Метрике появилась Карта
gormarket
На сайте с 29.12.2010
Offline
47
gormarket
#7
zamuty:
Как сделать flash объект ссылкой именно в html коде, без прописи статичной ссылки в macromedia flash?

В исходнике flash для кнопок-ссылок вместо ссылки пишется имя переменной, например link1. В результате щелчок по баннеру описывается следующим образом:

on (release) {

getURL(_root.link1, "_blank");

}

А значение переменной link1 во flash передается из контейнера html (в котором баннер размещен)

добавлением следующего:

<param name="flashVars" value="link1=http_://www.site.ru" /> между тегами <object></object>

и

FlashVars="link1=http_://www.site.ru" внутри тега <embed />

(вместо http_://www.site.ru вставляйте реальный адрес ссылки)

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
Google начал распознавать разметку Оптимизация Flash под поисковые Яндекс вносит изменения в
Z
На сайте с 05.02.2010
Offline
82
zamuty
#8

спасибо, завтра попробую! =)

dma84
На сайте с 21.04.2009
Offline
168
dma84
#9

Оффтоп, Flash уже давно не Macromedia;)

Z
На сайте с 05.02.2010
Offline
82
zamuty
#10

Подскажите еще один момент, пожалуйста? Почему .angel позиционируется как надо, а .2gbtn не хочет? =( .2gbtn весит вверху с топом 0 посередине! 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

<head>

<title>help</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<style type="text/css" rel="stylesheet">

body {background-image: url(images/background.jpg);background-position:center top; background-repeat: no-repeat;}



.center{position:absolute;top:0;left:50%;}

.2gbtn{position:relative;top:200px;left:0px;}

.angel{position:relative;top:402px;left:-138px;} 









</style>

</head>

<body >



<div class="center">

 <div class="angel">

			<object width="273" height="492">

			<param name="wmode" value="transparent">

			<param name="movie" value="flash/angel.swf?go=http://vkontakte.ru&link1=http://vkontakte.ru">

			<embed src="flash/angel.swf?go=http://www.vkontakte.ru&link1=http://www.vkontakte.ru" quality="high" 			



pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" 			



type="application/x-shockwave-flash" width="273" height="492">

			</object>



</div>

</div>



<div class="center">

 <div class="2gbtn">

			<object width="273" height="492">

			<param name="wmode" value="transparent">

			<param name="movie" value="flash/angel.swf?go=http://vkontakte.ru&link1=http://vkontakte.ru">

			<embed src="flash/angel.swf?go=http://www.vkontakte.ru&link1=http://www.vkontakte.ru" quality="high" 			



pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" 			



type="application/x-shockwave-flash" width="273" height="492">

			</object>



</div>

</div>



			

</body>

</html>
12

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