Ho un'immagine all'interno di un di un <div> largo 300 width e posizionato in modo relative, l'immagine è 500px, non inserendo alcuna dimensione nella dichiarazione dell'immagine, quando il browser la visualizza questa "fuoriesce" dai bordi del <div> che la contiene....se non si specifica la larghezza l'immagine non dovrebbe avere come larghezza massima 300px; ossia la larghezza del div che la contiene?
il div senza specificarne la dimensione tende ad occupare tutto lo spazio libero che trova
quindi se vuoi che l'immagine non fuoriesca devi specificare anche la grandezza del div che sarebbe meglio fosse la stessa dell'immagine
ciao
Mi sono spiegato male:
Il div ha la larghezza impostasta
#content{
position:relative;
width:300px;
}
è l'immagine che non ha la larghezza specificata ed ha una larghezza superiore ai 300px del div
<div id="content">
...
..
[img]path/immagine.jpg[/img]
..
..
</p>
</div>
bhe è normale che sbordi dal div l'immagine
devi settarla la dimensione dell'immagine
per di più non settandola (stiamo parlando di millesimi di secondo) l'immagine sarà caricata meno velocemente
quindi ti consiglio :
o ridimensioni l'immagine alla grandezza del div
o ridimensioni il div alla grandezza della immagine
ma entrambe specificando comunque le dimensioni scelte per l'immagine
Permessi di invio
Rispondi quotando