>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Проблемы с сайтами
   http://forum.mozilla-russia.org/viewforum.php?id=24
>Firefox3 и CSS
   http://forum.mozilla-russia.org/viewtopic.php?id=22654

MDM > 14-04-2008 08:10:25

Приветствую!

Неожиданным и неприятным открытием стало, что FF3 рисует не так, как было запланировано.
Требуется, чтобы текст был в одну строку, но div1 не разъезжался и не уходил под div2, если строка слишком длинная.

Выделить код

Код:

.container {
	margin: 0 auto;
	width: 550px;
}

.div1 {
	overflow: hidden;
	white-space: nowrap;
}
.div2 {
	float: left;
}
...
<div class="container">
	<div class="div2">...</div>
	<div class="div1">Длинная строка</div>
</div>

FF2, Opera, IE7 - отображается так, как описал.
FF3b5 - div стремится отобразить всю строку, нарушая красоту.
Кстати, почти точно так же (неправильно) рисует и IE6.

Что это и как победить? :)
___
upd: добавлен класс container, ибо в оригинале контейнер фиксированной ширины.

Shutnik > 14-04-2008 10:27:30

у меня и там и там отображается абсолютно идентично

MDM > 14-04-2008 10:43:09

Виноват, забыл указать, что контейнер фиксированной ширины. Первый пост отредактировал.

Shutnik > 14-04-2008 10:48:42

всё равно идентично до пикселя :rolleyes:

MDM > 14-04-2008 10:59:37

Ну хорошо. А по ссылке список серверов корректно отображается в FF3?
Ссылка.

Shutnik > 14-04-2008 11:21:22

по ссылке разъезжается...

MDM > 14-04-2008 12:20:10

А мысли на этот счет есть? Списать на бету и ждать, что поправят или смиренно принять новые веяния в гонке стандартов и править разметку?

Shutnik > 14-04-2008 12:23:55

MDM
попробуй сначала выделить кусок, который будет отображаться по разному в двойке и бете тройки. разбираться на странице нет желания ;)

MDM > 14-04-2008 12:59:07

Кусок из первого поста отображается по-разному. Только строку текста длинную надо вставить.

И doctype (хотя, в этом случае, по барабану):

Выделить код

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Shutnik > 14-04-2008 13:11:32

86213096en6.png

MDM > 14-04-2008 13:24:02

FF2.0.0.13
ff2.png

FF3.0b5
ff3.png

И хоть ты тресни.
Пойду приобщюсь к bugzille.

Shutnik > 14-04-2008 13:36:50

MDM
специально откатился назад до пятой беты. всё выглядит так же

Выделить код

Код:

<html><head><title></title>

<style>
.container {
    margin: 0 auto;
    width: 550px;
}

.div1 {
    overflow: hidden;
    white-space: nowrap;
}
.div2 {
    float: left;
}
</style>

</head><body>

<div class="container">
    <div class="div2">...</div>
    <div class="div1">длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка</div>
</div>

</body></html>
MDM > 14-04-2008 14:21:06

Хм... Медленно, но верно вопрос становится все более неприятным.
При добавлении контейнеру border или border-top разметка рушится. Остальные бордеры не влияют.
Но, если добавить в контейнер еще один контейнер без стилей, все выправляется.
Как временное решение, такой бубен сойдет. Надеюсь, это не мой косяк, а баг, который поправят.
Спасибо за участие.

MDM > 18-06-2008 09:51:48

FF3.0 Release. Разметка выправилась. :)