Firefox3 и CSS

MDM · №1

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

Неожиданным и неприятным открытием стало, что 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, ибо в оригинале контейнер фиксированной ширины.

Отредактировано MDM (14-04-2008 10:45:15)

Shutnik · №2

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

Отредактировано Shutnik (14-04-2008 10:33:25)

MDM · №3

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

Shutnik · №4

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

MDM · №5

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

Отредактировано MDM (18-06-2008 09:53:34)

Shutnik · №6

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

MDM · №7

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

Shutnik · №8

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

MDM · №9

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

И 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 · №10

MDM · №11

FF2.0.0.13

FF3.0b5

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

Shutnik · №12

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 · №13

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

MDM · №14

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

Полезная информация

№114-04-2008 08:10:25

Firefox3 и CSS

Код:

№214-04-2008 10:27:30

Re: Firefox3 и CSS

№314-04-2008 10:43:09

Re: Firefox3 и CSS

№414-04-2008 10:48:42

Re: Firefox3 и CSS

№514-04-2008 10:59:37

Re: Firefox3 и CSS

№614-04-2008 11:21:22

Re: Firefox3 и CSS

№714-04-2008 12:20:10

Re: Firefox3 и CSS

№814-04-2008 12:23:55

Re: Firefox3 и CSS

№914-04-2008 12:59:07

Re: Firefox3 и CSS

Код:

№1014-04-2008 13:11:32

Re: Firefox3 и CSS

№1114-04-2008 13:24:02

Re: Firefox3 и CSS

№1214-04-2008 13:36:50

Re: Firefox3 и CSS

Код:

№1314-04-2008 14:21:06

Re: Firefox3 и CSS

№1418-06-2008 09:51:48

Re: Firefox3 и CSS

Board footer