2012-05-02 19 views
8

Ho lavorato con il layout del mio sito web e il mio ha smesso di funzionare che è accaduto dopo aver impostato tutte le mie posizioni div in modo che il genitore div cambi dimensione quando aggiungo componenti ad esso con javascript.text-align: center; non funziona

Ecco entrambi i miei file CSS:

Potete vedere il nuovo nel link qui sotto JSfiddle.

jsFiddle: http://jsfiddle.net/2WvrV/

Ho anche fornire il codice per il vecchio sito web (che allinea il testo corretto):

http://jsfiddle.net/fiddlerOnDaRoof/fQpjX/

il vecchio HTML è molto simile alla nuova versione ho solo aggiunto lo stile = "float: left;" in uno dei div

+1

si prega di utilizzare bro jsfiddle –

+0

ur ortografia margine è sbagliato in molti luoghi ... controllo it ... –

+0

grazie mille! Ho corretto l'ortografia del margine e ora funziona. Ho solo bisogno di aggiustare il centro di allineamento ora – Xitcod13

risposta

1

infine capito. Tutto quello che dovevo fare è aggiungere clear:left; al mio loginBttn div dopo che ogni cosa ha funzionato bene

grazie per aver cercato di aiutare tutti

-1

provare questo. credo che potrebbe aiutare a

text-align:justify; 
+0

grazie ma non ha funzionato :(kinda lo rende anche peggio: P – Xitcod13

6

Risposta breve: il testo non è centrata, perché gli elementi sono galleggiare, e volò elementi "shrink" per il contenuto, anche se si tratta di un elemento a livello di blocco.

Puoi spiegare di più cosa significa?

ho dovuto impostare tutta la mia posizione a rispetto al fare il cambiamento div genitore dimensioni quando aggiungo i componenti ad esso con javascript

+0

Ho 2 display: nessuno; div all'interno del div principale quando li faccio visualizzare: inline; con javascript ho bisogno la casella per aumentare la sua lunghezza Ora se il div si restringe alle dimensioni del contenuto, quando togli la larghezza e l'altezza e gli attributi di allineamento del testo dovrebbe centrare automaticamente il testo, ma ciò non accade che il contenuto sia ancora al centro – Xitcod13

3

ovunque ci sia float:left; nel CSS, aggiungere width: 100%; dopo. Galleggiante ucciderà l'allineamento del centro desiderato.

Inoltre, aggiungere text-align: center; a #login