Als je design breekt
En afbeeldingen de oorzaak zijn
Soms kom je dit probleem wel tegen, je voegt een afbeelding toe aan je website en door de waarschijnlijk te juiste afmeting van de afbeelding tegenover je layout - je layout is 400px breed en de afbeelding is 401px groot - zal je design “breken”.
Misschien heb je zelfs een user-generated-content website en kom je dit probleem vaker tegen als je lief is.
CSS komt je ter hulp
Dit euvel kan je voorkomen door volgende code op te nemen in je CSS:
img {
max-width: 400px;
}
Nu heb je eigenlijk bepaald dat alle afbeeldingen maximum 400px breed mogen zijn, handig niet ?
Gelezen: 1226 | Design, XHTML, CSS, Tutorials
Trackback/Pingbacks
- » Max-width voor Internet Explorer - Gigadesign, XHTML-CSS website maken
Reacties op: Als je design breekt
-
IE kent max-width niet. Wat nu ;)? Wellicht is overflow: hidden nog een leuke toevoeging.
-
zeker:P
heb zelf ook een blog en daar is dat ook best handig:P
-
Ik gebruik onderstaande code om het ook in IE te laten werken.
img{ max-width:400px;
width: expression(this.width > 400 ? 400: true);}
-
@ Dydric: probeer het eens, het zal niet werken
-
Geef mij maar:
img { max-width: 100% }
Zelf maak ik er geen gebruik van, maar sommige mensen durven al eens te grootte foto’s op een forum posten, en dan helpt dat trucje wel.
-
overflow hidden lijkt mij dan een betere optie
