Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.12.2010, 22:17
Новичок на форуме
Отправить личное сообщение для Cozmi Посмотреть профиль Найти все сообщения от Cozmi
 
Регистрация: 14.12.2010
Сообщений: 4

position:absolute и Хром
Не корректно отображается такое позиционирование в гугл Хром. в чем может быть проблема...? в ие, опере все окей. спс.
Ответить с цитированием
  #2 (permalink)  
Старый 14.12.2010, 22:20
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Cozmi, тестовый пример где?
Ответить с цитированием
  #3 (permalink)  
Старый 14.12.2010, 22:26
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

<telepath-mode>не заданы: размеры блока и расстояние от верхнего края родительского элемента</telepath-mode>
Ответить с цитированием
  #4 (permalink)  
Старый 14.12.2010, 22:57
Новичок на форуме
Отправить личное сообщение для Cozmi Посмотреть профиль Найти все сообщения от Cozmi
 
Регистрация: 14.12.2010
Сообщений: 4

2monolithed, всё вроде задано
сабж
<html>
<head>
<style type="text/css">
img.imagecache-product_list { padding:15px;}
span.catalog-grid-image a {position:relative;}
span.ramka {z-index:2; position: absolute; top:0px; left:0px; width:169px; height:119px; background: url('../images/sram.png') no-repeat red;}
span.catalog-grid-title  {display:block; width: 100%; text-align:center; position:relative; top:-5px;}
div.category-grid-products table td {position:relative;}
span.catalog-grid-sell-price {z-index:3; display:block; position:absolute; top:5px; right:2px; padding: 2px 7px; background:red; }
</style>
</head>

<body>
<div class="category-grid-products">
<table>
<tr>
<td>
<span class="catalog-grid-image">
<a href="/catalog/knigi/randy-m">
<img src="zz.jpg" alt="Randy M" title="Randy M"  class="imagecache imagecache-product_list" width="139" height="89" />
<span class="ramka">
</span>
</a>
</span>
<span class="catalog-grid-title">
<a href="/catalog/knigi/randy-m">
Randy M</a>
</span>
<span class="catalog-grid-sell-price">
<span class="uc-price">
245 р</span>
</span>
</td>
</tr>
</table>
</div>
</body>

</html>


красные области вызывают боль
посмотреть можно на http://www.w3schools.com/css/tryit.a...ition_absolute или ещё гденить
грусть.

Последний раз редактировалось Cozmi, 15.12.2010 в 12:04.
Ответить с цитированием
  #5 (permalink)  
Старый 15.12.2010, 00:21
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

podarok.fuckthis.ru? Звучит стремно
Ответить с цитированием
  #6 (permalink)  
Старый 15.12.2010, 12:07
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от Cozmi
всё вроде задано
Если я правильно понял, у тебя все позиционирование идёт в ячейке таблицы... Но не стоит так расчитывать на её лояльное поведение к тебе в этом вопросе. Добавь ДИВ внутрь ячейки и будет тебе счастие.

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type='text/css'>
img.imagecache-product_list { 
	padding:15px;
}
span.catalog-grid-image a {
	position:relative;
}
span.ramka {
	z-index:2; 
	position: absolute; 
	top:0px; 
	left:0px; 
	width:169px; 
	height:119px; 
	background: url('../images/sram.png') no-repeat;
}
span.catalog-grid-title  {
	display:block; 
	width: 100%; 
	text-align:center; 
	position:relative; 
	top:-5px;
}
div.category-grid-products table td div {
	position:relative;
}
span.catalog-grid-sell-price {
	z-index:3; 
	display:block; 
	position:absolute; 
	top:5px; 
	right:2px; 
	padding: 2px 7px; 
	background: #eee; 
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="category-grid-products">
	<table>
	<tr>
		<td>
		<div>
			<span class="catalog-grid-image">
				<a href="/catalog/knigi/randy-m">
					<img src="zz.jpg" alt="Randy M" title="Randy M"  class="imagecache imagecache-product_list" width="139" height="89" />
					<span class="ramka"></span>
				</a>
			</span>
			<span class="catalog-grid-title">
				<a href="/catalog/knigi/randy-m">Randy M</a>
			</span>
			<span class="catalog-grid-sell-price">
				<span class="uc-price">245 р</span>
			</span>
		</div>
		</td>
	</tr>
	</table>
</div>
</body>
</html>


Хотя сама твоя разметка строчными элементами уже какая-то ерунда...
Ответить с цитированием
  #7 (permalink)  
Старый 15.12.2010, 12:22
Новичок на форуме
Отправить личное сообщение для Cozmi Посмотреть профиль Найти все сообщения от Cozmi
 
Регистрация: 14.12.2010
Сообщений: 4

спс,
разметка не совсем моя, она почти вся уберкартовская... возможно её и следовало бы довести до ума... но зачем?_)


span.ramka это не выличило, да и не должно было...
если тока и его дивом обернуть... вроде <a><div>.*</div></a> -- но это вроде не валидно..

Последний раз редактировалось Cozmi, 15.12.2010 в 12:36.
Ответить с цитированием
  #8 (permalink)  
Старый 15.12.2010, 12:46
Новичок на форуме
Отправить личное сообщение для Cozmi Посмотреть профиль Найти все сообщения от Cozmi
 
Регистрация: 14.12.2010
Сообщений: 4

хаха прописываем родителям, от которых позиционируемся, display:block;
ТЕМА ЗАКРЫТА
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Опять Хром, на этот раз Is there a way to set the window.top.location.href Snipe Opera, Safari и др. 5 01.12.2010 12:52
Хром игнорирует обязательность скроллов Snipe Opera, Safari и др. 6 26.11.2010 16:48
Подтормаживает вёрстка DMH (X)HTML/CSS 32 15.07.2010 06:53
position:absolute JsLoveR Элементы интерфейса 6 24.06.2010 14:37
Помогите пожалуйста новичку. deepslam jQuery 15 26.07.2009 02:21