Problema risolto DIV capricciosi

[gedamial]

Salve.

Volevo chiedervi come allineare orizzontalmente 2 DIV in una determinata parte della pagina web.
Eccovi la pagina:

file PHP

Perfavore, Entra oppure Registrati per vedere i codici!

file .css

Perfavore, Entra oppure Registrati per vedere i codici!

Ecco come vorrei che appaia la mia pagina web:

Perfavore, Entra oppure Registrati per vedere i Link!

Ecco invece come appaiono i due container:

Perfavore, Entra oppure Registrati per vedere i Link!

Uno sopra, una sotto. Perché??? Io ne voglio uno a destra e uno a sinistra!

@Dvdxseo @TBH

 

[ptm]

Cambierei l'html con questo (i <div align="center"> sono inutili... puoi allineare nel css)

Perfavore, Entra oppure Registrati per vedere i codici!

Mentre nel css puoi scegliere di mettere float: left a entrambi (oppure come hai fatto tu uno left e l'altro right), ma devi impostare la larghezza del div, altrimenti si adatta automaticamente al contenuto

Perfavore, Entra oppure Registrati per vedere i codici!

 

[Mi.ke]

Perfavore, Entra oppure Registrati per vedere i Link!

Per avere questa posizione ecco il css:

Perfavore, Entra oppure Registrati per vedere i codici!

 

[ScaredNatsu]

Perfavore, Entra oppure Registrati per vedere i Link!

Per avere questa posizione ecco il css:

Perfavore, Entra oppure Registrati per vedere i codici!

Tramite

Perfavore, Entra oppure Registrati per vedere i codici!

?
:|
Allora ti conviene implementare bootstrap e utilizzare il sistema delle tabelle.
in ogni caso potresti anche dare una larghezza predefinita ad un div madre e inserirci due subcontenitori all'interno, uno con width:30% ed uno con width:65%, dando poi un margin-right al primo di 4-5 px e mettendo un text-align:center nel div madre.

 

[Mi.ke]

Tramite

Perfavore, Entra oppure Registrati per vedere i codici!

?
:|
Allora ti conviene implementare bootstrap e utilizzare il sistema delle tabelle.
in ogni caso potresti anche dare una larghezza predefinita ad un div madre e inserirci due subcontenitori all'interno, uno con width:30% ed uno con width:65%, dando poi un margin-right al primo di 4-5 px e mettendo un text-align:center nel div madre.

Testa il codice e ti darà esattamente la posizione in cui lo voleva lui.
Ha creato due contenitori, che non avevano una posizione fissa forse è per questo che svolazzano e non stanno dove vuole lui? Poi puoi utilizzare bootstrap, ma questa è la soluzione più artigianale che ci sia senza utilizzare framework

 

[ptm]

Testa il codice e ti darà esattamente la posizione in cui lo voleva lui.
Ha creato due contenitori, che non avevano una posizione fissa forse è per questo che svolazzano e non stanno dove vuole lui? Poi puoi utilizzare bootstrap, ma questa è la soluzione più artigianale che ci sia senza utilizzare framework

Sicuramente è una soluzione, ma personalmente non mi piace molto usare posizioni assolute... le trovo un po' troppo fastidiose da utilizzare in caso di modifiche successive. Questione di gusti

 

[ScaredNatsu]

Testa il codice e ti darà esattamente la posizione in cui lo voleva lui.
Ha creato due contenitori, che non avevano una posizione fissa forse è per questo che svolazzano e non stanno dove vuole lui? Poi puoi utilizzare bootstrap, ma questa è la soluzione più artigianale che ci sia senza utilizzare framework

In realtà sarebbe bisognoso dire che questa soluzione non sia proprio da prendere in considerazione, in quanto i div con posizione assoluta potrebbero creare conflitti con altre cose.
Poi scusami, se vuoi allineare due div puoi usare le buone vecchie tabelle html già che ci siamo.

 

[Mi.ke]

Si avete ragione, alla fin fine ci sono svariate soluzioni, anche se concordo che la più ordinata sia quella del container madre con i sotto-container.

 

[ptm]

In realtà sarebbe bisognoso dire che questa soluzione non sia proprio da prendere in considerazione, in quanto i div con posizione assoluta potrebbero creare conflitti con altre cose.
Poi scusami, se vuoi allineare due div puoi usare le buone vecchie tabelle html già che ci siamo.

In verità l'uso delle tabelle mi risulta che sia stato abbandonato da un po' di tempo... L'absolute funziona bene con siti che tendi a modificare molto poco una volta creati; sicuramente è il più facile da capire, ma ripeto che preferisco usare le proprietà float.

 

[ScaredNatsu]

In verità l'uso delle tabelle mi risulta che sia stato abbandonato da un po' di tempo... L'absolute funziona bene con siti che tendi a modificare molto poco una volta creati; sicuramente è il più facile da capire, ma ripeto che preferisco usare le proprietà float.

...Ero ironico.

 

[ptm]

...Ero ironico.

Non avevo colto