Centrare elemento fixed, problema allineamento orizzontale

[robynosse]

Ciao a tutti,

avrei bisogno di centrare un elemento al centro dello schermo, verticalmente non è esattamente in centro(ma va bene così), quello che vorrei adesso è centrarlo orizzontalmente, ma rimane attaccato alla parte sinistra dell'elemento contenitore, come mai?

Il dodice è il seguente:
HTML

        <div class="progress progress-striped caricamento">
            <div  class="progress-bar progress-bar-info active barraLinea">#CARICAMENTO#</div>
        </div>

CSS

.caricamento{
    position:fixed;
    top:50%;     
    display:none;
    z-index:1000;
    text-align:center !important; 
}
.barraLinea{
    width: 300px !important;
}

Grazie,
Roberto

[MAeSI]

Ciao, potresti dare width:100%; al div con classe caricamento e margin:0 auto; al div con classe barraLinea.

[robynosse]

Ciao, potresti dare width:100%; al div con classe caricamento e margin:0 auto; al div con classe barraLinea.

Ciao grazie della risposta!

Purtroppo così, oltre a non spostarsi di un pixel, quindi a non centrarsi, si forma una barra che mi copre il 100% della larghezza, io vorrei che occupasse solo 300px

Metto un immagine:

barra.jpg

Roberto

[robynosse]

Ho risolto così:

.caricamento{
    position:fixed;
    top:50%; 
    left: 50% !important;
    margin-left: -150px;
    display:none;
    z-index:1000;  
}

.barraLinea{
    width: 300px !important; 
}

[MAeSI]

Bisognerebbe allora vedere la pagina nel suo complesso, perchè le modifiche che ti ho postato sembrano funzionare:

https://jsfiddle.net/casmry68/




Edit: ho visto solo ora il tuo ultimo post.