salve, ho un dubbio riguardo l'allineamento di 3 div utilizzando il float.
Dovrei mettere un div tutto a sinistra uno tutto a destra e l'ultimo perfettamente centrato fra i due. Ho provato a dare float:left a quello di sinistra, float:right a quello di destra e margin: auto a quello centrale, mentra i primi 2 si allineano perfettamente, quello di destra si posiziona più in basso. Ho provato con display:inline ma non è cambiato niente. Dove sbaglio?
ciao, ci posti il codice? (html e css)
eccolo:
sinistra e centro sono ben allineati, mentre il div di destra sta più sotto
codice:<html> <head> <style type="text/css"> body{ background-color: black; } #main{ width: 600px; height: 400px; margin: auto; background-color: white; } #sx{ float: left; background-color: red; height: 100%; width: 20%; } #dx{ float: right; background-color: red; height: 100%; width: 20%; } #centro{ background-color: yellow; height: 100%; width: 40%; } </style> </head> <body> <div id="main"> <div id="sx"> </div> <div id="centro"> </div> <div id="dx"> </div> </div> </body> </html>
sposta il div che deve stare al centro dopo quelli flottanti e riassegnagli il margin:
codice:<style type="text/css"> body{ background-color: black; } #main{ width: 600px; height: 400px; margin: auto; background-color: white; } #sx{ float: left; background-color: red; height: 100%; width: 20%; } #dx{ float: right; background-color: red; height: 100%; width: 20%; } #centro{ background-color: yellow; height: 100%; width: 40%; margin:0 auto; } </style> </head> <body> <div id="main"> <div id="sx"></div> <div id="dx"></div> <div id="centro"></div> </div> </body> </html>
perfetto, grazie mille
Permessi di invio
Rispondi quotando