Questo il codice completo che funziona, dovrei però togliere line-height perchè quando stringo l'immagine diventa più bassa e non posso avere l'altezza del contenitore sempre impostata a 488px.
Se lo levo senza fare altre variazioni non si vede la foto, si vedere solo uno spicchio di 18px.codice:<!DOCTYPE html> <html> <head> <title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> img { vertical-align: middle; } .altezzaelencofoto1 { width: auto; height: auto; max-width: 1254px; max-height:488px; line-height: 488px; overflow:hidden; text-align:center; } .fotoelenco1 { position: relative; width: 100%; height: auto; margin-top:-100%; margin-bottom:-100%; } </style> </head> <body> <div class="altezzaelencofoto1"> <img src="miafoto.jpg" class="fotoelenco1"> </div> </body> </html>
Rispondi quotando