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

Home Forums CSS CSS3 Progress bars problem

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #31775

    Hello, I’m having a problem with some conflicting CSS. I have the progress bars working on their own but when I format the page for use on idevices (using menes.css) the background bar is visible but the fill does not show up at all.

    The code in menes.css that is culprit is the box-sizing code right before the commented line.

    * {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*font-family: inherit;*/
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;

    If I comment the 4 lines out the progress bar works but it makes the panel containing everything wider than the screen size. Is there any way I can have both working?

    I can post pictures of the issue if it helps, feel free to ask.

    Thanks for any help.

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.