Автор оригинала: berkut
alekciy
я так думаю, что априори считается, что во всех браузерах должно выглядеть одинаково.
Уже по определению априорно так считать не может. Без всякой априорики сходим из словестой постановки задачи и/или ТЗ.
Автор оригинала: berkut
а тот пример 1 и 2 строки соответственно в ff и ie.
А причина тут простая. Просто у каждого браузера по умолчанию свой размер шрифта. Свое вычисляемое значение оного. В IE он просто крупнее, чем в FF. К примеру вышеприведенный код на работе в IE6 (моник 1200*1024) дает одну строку, а дома тот же IE6 уже на монике в 1024*768 дает уже 2 строки. Поставь для меню 50px и получишь во всех браузерах двустрочье. Так что тут в принципе и аппелировать к CSS2 спеце бессмыслено.
Автор оригинала: berkut
со вторым объявлением получается всё тоже самое, что и при варианте @ndrey. в ie маркер уходит за границы ячейки таблицы
Ну это конечно IE как обычно "фичует". Но кто сказал, что нет обходных путей? Ведь как я понимаю не обязательно разверстывать именно как у тебя. Нам ведь нужно ехать, а не шашечки.
Например такой вариант, к тому же валидный:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.menu {
width: 100px;
padding-left: 45px;
background-color: red;
border: 1px solid silver;
}
.menu div {
background-color: blue;
margin: 0 0 0 -27px;
}
#marker {
width: 23px;
background-color: green;
float:left;
margin: 0;
}
</style>
</head>
<body>
<table style="width:200px;border:1px solid #000">
<tr>
<td>
<div class="menu"><div><div id="marker">-></div>menu's item</div></div>
</td>
</tr>
</table>
</body>
</html>
смотриться одинаково везде.
- float:left. или какие-то проблемы с кроссбраузерностью?
