Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] CSS3 flip animation gives me a horizontal scrollbar :-( Reply To: [Solved] CSS3 flip animation gives me a horizontal scrollbar :-(

#172752
paulob
Participant

Hi,

Hold that thought :)

I think the error is caused by the text-indent in .subtitle.

.subtitle {
    width:150px;
    height:150px;
    display:block;
    /*text-indent:-9999px;*/
    color:#F9F9F9;
    text-align:center;
    font-weight:bold;
}

You have text-align:center and text-indent which doesn’t make sense and seems to confuse Firefox 29. I tested locally and removing the text-indent makes the scrollbar go away (testing in Firebug did not give the same results as local testing so I need to see it n place in your site to test fully). (My Firefox version is about to update to 30 (when I restart it) so I’ll only be able to test this for a while.)