Div (position:relative) в Ie6 неправильно показывает
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid rgb(0, 0, 0); width: 400px; height: 400px;">
<div style="position: relative; width: 0px; height: 0px;"><div style="background-color: orange;width: 100px; height: 150px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 110px; top: 0px;"><div style="background-color: blue;width: 100px; height: 100px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 110px; top: 104px;"><div style="background-color: green;width: 100px; height: 50px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 236px;"><div style="background-color: yellow;width: 100px; height: 200px"></div></div>
</div>
</body>
</html>[/HTML]
Никак нимогу понять почему в Ie6 дивы распалогает не так как в ie8 или в mozilla или в chrome, может нихватает какого-то свойства?
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid rgb(0, 0, 0); width: 400px; height: 400px;">
<div style="position: relative; width: 0px; height: 0px;"><div style="background-color: orange;width: 100px; height: 150px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 110px; top: 0px;"><div style="background-color: blue;width: 100px; height: 100px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 110px; top: 104px;"><div style="background-color: green;width: 100px; height: 50px"></div></div>
<div style="position: relative; width: 0px; height: 0px; left: 236px;"><div style="background-color: yellow;width: 100px; height: 200px"></div></div>
</div>
</body>
</html>[/HTML]
Никак нимогу понять почему в Ie6 дивы распалогает не так как в ie8 или в mozilla или в chrome, может нихватает какого-то свойства?
Попробуйте для родителя позиционируемых дивов задать position: relative;
Помимо того, стоит обратить внимание на то, что ИЕ6 - это не тот барузер, на пользователя которого стоит ореентироваться. Смотрите Google против старых браузеров
Цитата: likeopera
Попробуйте для родителя позиционируемых дивов задать position: relative;
Не помогло :confused:
Ещё вариант - попробуйте двигать блоки с помощью margin.
В крайнем случае можно просто задать для ие6 другие координаты.
В крайнем случае можно просто задать для ие6 другие координаты.
Цитата: kot_
Помимо того, стоит обратить внимание на то, что ИЕ6 - это не тот барузер, на пользователя которого стоит ореентироваться. Смотрите Google против старых браузеров
К сожалению, не многи инет-проэкты имеют такую аудиторию как гугл, и могут себе позволить разбрасыватся даже пару-тысячами ЮникЮзеров в месяц.
Да и вобще, гугл щас свох Хром пиарит не подецки.. Так что то что гугл против ишака - не значит, что все должны плюнуть на ишака. Хотя бы я это сделал с удовольствием
Не надо жертвовать - просто надо писать - "Жалобы от счастливых обладетелей ИЕ6 не принимаются".
Цитата: kot_
Не надо жертвовать - просто надо писать - "Жалобы от счастливых обладетелей ИЕ6 не принимаются".
А это одно и тоже. Такой юзер просто не вернется на проэкт. :)
Цитата: Lone Wolf
А это одно и тоже. Такой юзер просто не вернется на проэкт. :)
и слава Богу.
Посчитай просто отдачу от подобного "участника поэкта" :) и трудозатраты на поддержку ИЕ6.
Если это имеет смысл - то почему бы и нет. Автор топика два дня ищет решение. Это затраты на интернет и т.п. - возможно даже остановлена работа. И толку?
Это я("программист") понимаю, но начальству пофиг. Так что... приходится извращатся. При чем опытный разработчик уже на этапе верстки будет знать, что лучше не делать что бы в ИЕ не лезло и сразу примет меры..
Ладно, закрываем оффтоп
Ладно, закрываем оффтоп
по сабжу:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid rgb(0, 0, 0); width: 400px; height: 400px;">
<div style="position: relative;"><div style="background-color: orange; width: 100px; height: 150px;"></div></div>
<div style="position: relative; left: 110px; top: -150px;"><div style="background-color: blue; width: 100px; height: 100px;"></div></div>
<div style="position: relative; left: 110px; top: -146px;"><div style="background-color: green; width: 100px; height: 50px;"></div></div>
<div style="position: relative; left: 236px; top: -300px;"><div style="background-color: yellow; width: 100px; height: 200px;"></div></div>
</div>
</body>
</html>
[/html]
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body>
<div style="border: 1px solid rgb(0, 0, 0); width: 400px; height: 400px;">
<div style="position: relative;"><div style="background-color: orange; width: 100px; height: 150px;"></div></div>
<div style="position: relative; left: 110px; top: -150px;"><div style="background-color: blue; width: 100px; height: 100px;"></div></div>
<div style="position: relative; left: 110px; top: -146px;"><div style="background-color: green; width: 100px; height: 50px;"></div></div>
<div style="position: relative; left: 236px; top: -300px;"><div style="background-color: yellow; width: 100px; height: 200px;"></div></div>
</div>
</body>
</html>
[/html]