• Lisa Sasser posted an update 2 years ago

    @sean-clifford, I added four soapboxes to the home page and am having trouble with alignment. When the page opens the soapboxes show up right aligned outside the main column. This problem occurs in the latest versions of Firefox and Chrome (but ironically not IE). When I use element inspector, the boxes realign correctly.

    This is the code from element inspector:

    .soapboxes .fboxgraphic{
    position: relative;
    text-align: center;
    }
    .soapboxes .fboxgraphic img{
    position: absolute;
    display: inline-block;
    bottom: 0;
    }

    .soapbox-links a{
    display: inline-block;
    margin-right: 8px;
    }

    Also, if use click on one of the boxes links to go to the linked page and then use the back button to return to the home page the boxes appear correctly aligned.

    Any help or advice you could give would be greatly appreciated!

    • Let me take a look-see.

      • Looks like you fixed it. I saw an ajax loading symbol and it realigned.

        • Nope, just a temporary fix. When I right click on Inspector it fixes itself, but still comes back every time the page gets reloaded.

    • Crap. Okay, it’s looking okay for me in Internet Explorer 8, Chrome, and Safari.

      Let’s keep this on the bug list and I’ll have to go through these one by one and see if I can replicate the problem then track it down. Troubleshooting can take a lot of time. Often it’s a plugin that we’ll track down by going through and deactivating then reactivating plugins on the test server.

      Right now Kris is working on the Wiki login integration and I’m working on the IE 8 admin bar problem Roger pointed out. My first priority is to get the theme finished and pushed out to everyone. Then I can return my attention to bug hunting.