deceeeu.ro - Layout is messed up

[ioana-chiorean]

URL: deceeu.ro
Browser / Version: Firefox 40.0
Operating System: Android
Problem type: Mobile site is not usable

Steps to Reproduce
Steps:

1. Go to deceeu.ro
2. Pan around and zoom

Expected results:

• the page elements should be displayed without any visual error

Actual Result:

• the video frame is right aligned, after panning the page has visual errors and displayed white left column

[ioana-chiorean]

[ioana-chiorean]

Also logged: https://bugzilla.mozilla.org/show_bug.cgi?id=1152751

[karlcow]

→ ping deceeeu.ro
ping: cannot resolve deceeeu.ro: Unknown host

→ ping www.deceeeu.ro
ping: cannot resolve www.deceeeu.ro: Unknown host

Little issue currently. The Web site is totally of the grid.

[karlcow]

Ah the bug report has the wrong address. http://deceeu.ro/ I'm fixing this first.

[karlcow]

if we remove the display: block, everything falls into place.

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 100%;
}

Let's switch to needscontact.

[hallvors]

Might also add a clear instruction as documented here: https://bugzilla.mozilla.org/show_bug.cgi?id=1152751#c6

[karlcow]

The issue with the clear: left is that it puts the trailer always under the Berlin logo. But let's decide the site owners decide. :)

Either

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: auto;
    max-width: 100%;
}

OR

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 100%;
    clear:left;
}

will solve the issue.

[karlcow]

The site is fixed.

Thanks @ioana-chiorean

[karlcow]

It was partly dependent on https://bugzilla.mozilla.org/show_bug.cgi?id=478834

[ioana-chiorean]

Thank you all! 🎉 👏