Salve,
scusate la domanda forse banale...ho bisogno di centrare verticalmente e orizzontalmente un div contenente un'immagine in modo però che l'immagine rimanga responsive. Sono riuscito a centrare il div ma l'immagine rimane sempre a dimensione intera e non si "riduce" al ridursi della finestra.
Vi ringrazio
Dai all'immagine misure in %
“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
Grazie Carlo,
purtroppo non ho ben capito cosa fare...vi lascio il codice così ci capiamo meglio...
.container2 {
*/background-color:#BD2527;*/
position:relative;
margin:300px auto;
width:600px;
height:59px;
max-width:85%;
}
<body>
<div class="container2"><img src="logo1200.png" width="600"></div>
</body>
Vi spiego un po' allora il div container2 è al centro della pagina e si ridimensiona senza problemi (rimane comunque "fisso" in altezza, cosa che non vorrei, vorrei invece che si ridimensionasse mantenendo intatte le proporzioni) all'interno del div c'è un'immagine png di 1200px ridotta a 600px per gli schermi retina.
Ora come faccio a fare in modo che al ridimensionarsi della finestra si riduca anche il logo proporzionalmente?
Grazie e scusate l'ignoranza...
Permessi di invio
Rispondi quotando