Ciao a tutti, sto impazzendo su un allineamento che non mi riesce.
In pratica ho un div con proprietà Float: Left ed all'interno ho un altro div che dovrei allineare a destra, ho provato un po' di tutto, text-align: right, ho provato anche con i margini, niente da fare.
Qualche consiglio?
Grazie mille!
AltF4
codice:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title> <style type="text/css"> #d01, #d02, #d03 { float: left; background:#B7B7B7; margin: 20px; width: 300px; height: 300px; padding: 10px; } #ddestra { width: 150px; height: 250px; background: #FFFFFF; padding: 5px; } </style> </head> <body> <div id="d01">Inserite qui il contenuto per id "d01"</div> <div id="d02">Inserite qui il contenuto per id "d02"</div> <div id="d03" align="right"> <div id="ddestra" align="left">Inserite qui il contenuto per id "ddestra"</div> </div> </body> </html>
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Scrivo di getto, ma il div contenitore dovrebbe avere un clear: both. Prova cosi.
<div id="cont">
<div="right"> quello che vuoi tu </div>
</div>
e con css:
#cont {
clear: both;
Scrivo di getto, ma il div contenitore dovrebbe avere un clear: both. Prova cosi.
<div id="cont">
<div id="right"> quello che vuoi tu </div>
</div>
e con css:
#cont {
background-color: #ff0000;
clear: both;
width: 300px;
}
#right {
background-color: #ffff00;
float: right;
width: 100px;
}
In questo modo evidenzio meglio i due contenitori.
La larghezza è importante per i contenitori. Prova cosi. In caso non risolvi domani con più calma verifico meglio.
Scusatemi, non ho specificato che il div contenitore con float:left ha una larghezza del 40% ed è affiancato ad un altro div che ha una larghezza del 60% e float:right.
Inoltre, se nel div di sinistra inserisco un testo, questo con text-align:right si sposta a destra, mentre se inserisco un div non c'è verso di farlo posizionare a destra.
AltF4
Scusa ma l'hai provato il codice che ti ho dato io? Molto semplice e sbrigativo ma funziona alla perfezione! Devi solo cambiare le misure perchè tu non avevi dato nessuna informazione!Originariamente inviata da AltF4
P.S. Quando si posta del codice bisogna usare il tag [code] il tasto # in modalità avanzata.
Inoltre quando si posta un quesito è bene postare anche del codice per far capire il problema
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Ok, mi ero già scusato per non aver fornito dei dettagli che potevano servire, non ho potuto provare poiché non avevo il pc con me, appena posso provo.
Ps. so che il codice va racchiuso nel tag [code], ma tecnicamentenon lo si può definire codice, è semplicemente più preciso di scrivere float left.codice:float:left
AltF4
Attenzione:<div id="d03" align="right">
Non conviene mescolare formattazione CSS con formattazione HTML: in tal caso i brwoser interpretano come vogliono.
Meglio scriverlo:codice:CSS: text-align: right;
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando