arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: http://ameblo.jp/
Browser / Version: Firefox 39.0
Operating System: Android
Problem type: Layout is messed up

Steps to Reproduce

  1. Navigate to: http://ameblo.jp/
  2. Go down a bit in the page

Expected Behavior:
Having boxes aligned horizontally.

Actual Behavior:
The boxes are aligned vertically. This is the sign of flexbox issues with old webkit css.
There might be issues with links too.

Example.

.w130507 #game_area .service_item {
    font-size: 1.4rem;
    display: block;
    width: 33%;
    margin: 7px 7px 5px 0;
    color: #666;
    -webkit-box-flex: 1;
    box-flex: 1
}

Easy fix with http://hallvord.com/temp/moz/cssfixme.php

country: jp

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Closed: Fixed
#926

ameblo.jp - layout is messed up

Opened: 2015-04-20
Reporter: karlcow
Comments: 11
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct