Div non si centra nel display con margin: 0 auto;

[Ht28]

Ho un div elastico con dentro altri 2 div, il principale si allunga verticalmente in base al contenuto, perciò va bene, mentre per quanto riguarda la parte orizzontale, si allarga solo a destra perciò non rimane centrato nel monitor

Non posso nemmeno togliere position: absolute; altrimenti va tutto a sx

#Bigdiv {
    background-color: #f6f6f6;
    position: absolute; 
    min-width: 200px;
    height: auto;
    left: 50%;
    margin-left: -300px;  /*metà della width*/
    margin-top: 150px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 30px;
    border: 1px solid #bfbfbf;
    border-radius: 10px; 
}

#AlertSend {border: 0px solid red;
    float: left;
    width: 150px;
    height: auto;
    text-align: left;
    padding-left: 20px;
    margin-top: -20px;
}  

#Errore { border: 0px solid green;
    float: left;
    width: auto;
    height: auto;
    text-align: left;
    padding-right: 20px;
} 

[marco_c]

ma non ti avevo già risposto io in questa discussione?
se mischi contenitori float:left con contenitori privi di float viene fuori un casino

[Ht28]

Originariamente inviato da marco_c
ma non ti avevo già risposto io in questa discussione?
se mischi contenitori float:left con contenitori privi di float viene fuori un casino

Si, ma quel post riguardava il verticale e ho risolto, il mio qui è per l'orizzontale

[marco_c]

il motivo è sempre lo stesso, se non sistemi l'incongruenza appena risolto questo ti si presenterà subito un altro problema. ciao

[Ht28]

Originariamente inviato da marco_c
il motivo è sempre lo stesso, se non sistemi l'incongruenza appena risolto questo ti si presenterà subito un altro problema. ciao

Scusa un attimo, se a #bigDiv metto float:left e tolgo position:absolute mi sballa tutto

[marco_c]

io ho detto che la causa dei problemi è "usare in cascata contenitori con float:left con dentro contenitori senza float:left o viceversa".
Non ho detto che semplicemente aggiungendo float:left ti si aggiustano subito le cose. forse devi fare qualche aggiustamento e rivedere un attimo il layout, magari devi aggiungere un ulteriore livello di div. Dico solo che tutti i problemi nascono dall'uso ibrido del float

[Ht28]

Originariamente inviato da marco_c
io ho detto che la causa dei problemi è "usare in cascata contenitori con float:left con dentro contenitori senza float:left o viceversa".
Non ho detto che semplicemente aggiungendo float:left ti si aggiustano subito le cose. forse devi fare qualche aggiustamento e rivedere un attimo il layout, magari devi aggiungere un ulteriore livello di div. Dico solo che tutti i problemi nascono dall'uso ibrido del float

Forse stiamo dicendo la stessa cosa, prendendo il primo codice che ho postato, il contenitore principale per poter rimanere in centro non può avere float: left altrimenti si sposta a sx

[ac_socmel]

se vuoi usare questo metodo (position: absolute )
devi scrivere una larghezza e non un larghezza minima

Originariamente inviato da Ht28

#Bigdiv {
    width: 600px;
}

#Errore {
    width: 450px;
}

[Ht28]

Originariamente inviato da ac_socmel
se vuoi usare questo metodo (position: absolute )
devi scrivere una larghezza e non un larghezza minima

Se tolgo min- mette tutto in verticale.

A me serve che il #bigDiv si allarghi automaticamente in base alla lunghezza delle parole che vengono scritte nel div #errore, inoltre deve rimanere sempre in centro del display

[ac_socmel]

Originariamente inviato da Ht28
Se tolgo min- mette tutto in verticale.

A me serve che il #bigDiv si allarghi automaticamente in base alla lunghezza delle parole che vengono scritte nel div #errore, inoltre deve rimanere sempre in centro del display

1) ovvio ti devi calcolare i padding margin border (studiati il box-model)

2) allora il metodo per centrare è sbagliato
fai una ricerca (in inglese vertical-centering) appena vedi position absolute chiudi la pagina e leggine un'altra