Img width probleem met opera
Ik heb een plaatje op mijn site en ik wil mijn site zoveel mogelijk cross browser compatible maken.
Nou had ik iets gemaakt wat wel in IE werkt, maar niet in andere browsers. Via de zoekfunctie kon ik het niet vinden omdat deze elke keer zei dat mijn zoekterm niet specefiek genoeg was.
Wat ik wil is een soort van max-width instellen voor een plaatje, of er iig voor zorge dat als deze te groot is niet buiten mijn divjes gaat treden. Ik wil geen width instellen, iig geen vaste waarde, daarom had ik dit :
Code (php)
1
2
3
4
5
2
3
4
5
<div class=\"pictureContainer\">
<div class=\"pictureDiv\">
<img class=\"pictureImg\" alt=\"".$filename."\" src=\"images/".$dir."/".$filename."\" />
</div>
</div>
<div class=\"pictureDiv\">
<img class=\"pictureImg\" alt=\"".$filename."\" src=\"images/".$dir."/".$filename."\" />
</div>
</div>
en de css :
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
.pictureContainer {
padding-top: 10px;
text-align: center;
width: 100%;
.pictureDiv {
width: 100%;
}
.pictureImg {
width: 80%;
border: 1px solid #000000;
}
padding-top: 10px;
text-align: center;
width: 100%;
.pictureDiv {
width: 100%;
}
.pictureImg {
width: 80%;
border: 1px solid #000000;
}
dit werkt in IE, maar ik heb geen idee hoe ik dit voor alle browsers kan realiseren.
Alvast bedankt voor de moeite !
De oplossing was voor mij om in elk document de css op de nemen.(niet door een aparte file aan te roepen)
wel raar trouwens dat hij alleen in de img tag de css niet uit een extern bestand kan laden, maarja het zei zo :)
Gewijzigd op 21/12/2005 18:54:00 door Roel