[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: фиксированное положение элемента
Invis1ble
Всем привет. Возникла загвоздка, я в ступоре, никак не могу сообразить, как сделать.
Итак, есть вот такой тестовый код:
<!DOCTYPE html>
<html>
<head>
<style>

div { border: 1px solid #000; width: 300px; height: 200px }
#l0_b1 { text-align: center; margin: 100px auto; border: none }
#l1_b1 { background-color: yellow }
#l2_b1, #l2_b2 { width: 100px; height: 100px; display: inline-block; margin: 40px auto }
#l2_b1 { background-color: red }
#l2_b2 { background-color: green }
</style>
<title>
test</title>
</head>
<body>
<div
id="l0_b1">
<div
id="l1_b1">
<div
id="l2_b1"></div>
<div
id="l2_b2"></div>
</div>
<input
type="button" value="Remove" onclick="javascript: document.getElementById('l1_b1').removeChild(document.getElementById('l2_b1'))" />
</div>
</body>
</html>

при удалении элемента l2_b1 элемент l2_b2 смещается влево изза центровки, насколько я понимаю. Как сделать так, чтобы l2_b2 оставался на прежней позиции?

ПС. Допускаются хаки на js, но крайне нежелательно.



Спустя 2 часа, 13 минут, 34 секунды (23.07.2011 - 09:23) Michael написал(а):
Мой верстальщик накидал:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<title>
F php</title>
<meta
http-equiv="Content-Type" content="text/html; charset=utf-8">
<style
type="text/css">
<!--
body {
margin: 0px;
}
div { border: 1px solid #000; width: 300px; height: 200px; }
#l0_b1 { text-align: center; margin: 100px auto; border: none; }
#l1_b1 { background-color: yellow; }
#l2_b1, #l2_b2 { width: 100px; height: 100px; display: inline; }
#l2_b1 { background-color: red; float:left; margin: 40px 5px 40px 40px;}
#l2_b2 { background-color: green;float:right; margin: 40px 40px 40px 5px;}
-->
</style></head>

<body>
<div
id="l0_b1">
<div
id="l1_b1">
<div
id="l2_b1"></div>
<div
id="l2_b2"></div>

</div>
<input
type="button" value="Remove" onclick="javascript: document.getElementById('l1_b1').removeChild(document.getElementById('l2_b1'))" />
</div>
</body>
</html>


Спустя 9 минут, 48 секунд (23.07.2011 - 09:33) Invis1ble написал(а):
Круто! Спасибо большое, верстальшику тоже спасибо smile.gif


_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.