floaf и overflow: auto

[USF]

Здравствуйте.

Проблема такая. Имеем подобную структуру

http://codepen.io/usf/pen/enGgE

 

В хроме при overflow: auto ширина блока blockquote  ведет себя правильно. А вот в мозилле ширина блока составляет на 200 пикселей меньше. То есть, чтобы они вели себя одинакового нужно добавить margin-left(или padding) 200px. 

 

НО! В моем случае размер блока слева может быть разным, не только 200, как заставить ФФ вести себя точно так же, как хром, чтобы получить верное значение ширины блока blockquote (отсутствие переносов и прокрутки)

[Great Rash]

Во-первых, у вас CSS там неправильный. Правила нельзя вкладывать друг в друга.

Во-вторых, чем не устраивает overflow: hidden;?

[USF]

>>Во-первых, у вас CSS там неправильный. Правила нельзя вкладывать друг в друга.

Можно, это scss редактор.

 

>>Во-вторых, чем не устраивает overflow: hidden;?

Я хочу видеть полный текст, как в хроме так и в фф.

[Great Rash]

Можно, это scss редактор.

Ах вот оно что, не подумал как-то...

 

Я хочу видеть полный текст, как в хроме так и в фф.

Не понимаю. Текст не обрежется если у блока не будут заданы размеры. 

[USF]

Текст не обрежется если у блока не будут заданы размеры. 

Попробуйте открыть пример http://codepen.io/usf/pen/enGgE  в Мозилле. Там будет "прокрутка", а если hidden поставить, то часть, что не вместилась обрежется.

А вот Хром растягивает.

 

И мне не понятно, как этого же добиться в мозилле без margin-left:200px 

[Нарек]

И мне не понятно, как этого же добиться в мозилле без margin-left:200px 

задайте float: left; для blockquote и все встанет в свои места. http://codepen.io/anon/pen/eDcym

 

Хотя наверно правильнее будет задавать ему display: inline-block.

Edited August 5, 2014 by Нарек

[USF]

задайте float: left; для blockquote и все встанет в свои места. http://codepen.io/anon/pen/eDcym 

Не спасет, увы, если текст в блоке займет всю ширину, вот так http://codepen.io/usf/pen/xGrzK  :с

[Great Rash]

Ок, я уж не знаю под какие браузеры вам нужна работоспособность, но что если так:

.wrapper {  display: inline-table;}.img, blockquote {  display: table-cell;}

???

[Serg@NT]

А чего вы хотите добиться? Чтобы текст картинку обтекал? Используйте inline элемент, например, <span>