C
C
CraSS2012-10-31 16:49:29
Mozilla
CraSS, 2012-10-31 16:49:29

How to achieve the same display of elements in Chrome and Mozilla?

Chrome



Mozilla



You may notice that the elements of the list in Mozilla are wrapped to a new line in a strange way, i.e. when there is a place for letters, for some reason there is a transfer to a new line. Everything is OK in Chrome.

As far as I understand, the div class="inform" in css is responsible for the list view itself, display:table is set for this inform;
I've tried all the gjxnb display properties, but it still doesn't work. Almost correct with display:inline-table;

But then it turns out
So



In general, I will be grateful for the help.

PS: I've never been a coder, so I apologize in advance if the question is stupid.

PPS: You can see this mess live here .

Answer the question

In order to leave comments, you need to log in

2 answer(s)
M
Malyw, 2012-10-31
@CraSS

Better yet, remove the properties from the same rule:
clear: both; float: left;
They are clearly not needed there.

M
Malyw, 2012-10-31
@Malyw

Add for
.block.stream ul.list li{ width: 100%; }
otherwise because it is floated it stretches to the width of the inner content, which is interpreted differently in FF and Chrome

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question