maximale breedte image aanpassen aanpassen aan parant div
Ik heb de volgende html code:
Het plaatje voorbeeld.jpg is zo groot dat de tabel mee uitrekt, maar dat mag niet. In firefox blijft de tabel en de image netjes in de div maar in IE rekt de tabel en de div uit naar de breedte van het plaatje.
Hoe kan ik dit oplossen? De breedte van de div is variabel waardoor ik deze pixels niet kan gebruiken in de tabel en de image. De tabel moet wel 100% breed in de div.
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<div width="726px">
<table border=1 width="100%">
<tr>
<td width="100%">
<img src="voorbeeld.jpg" style="width:100%;">
</td>
</tr>
</table>
</div>
<table border=1 width="100%">
<tr>
<td width="100%">
<img src="voorbeeld.jpg" style="width:100%;">
</td>
</tr>
</table>
</div>
Het plaatje voorbeeld.jpg is zo groot dat de tabel mee uitrekt, maar dat mag niet. In firefox blijft de tabel en de image netjes in de div maar in IE rekt de tabel en de div uit naar de breedte van het plaatje.
Hoe kan ik dit oplossen? De breedte van de div is variabel waardoor ik deze pixels niet kan gebruiken in de tabel en de image. De tabel moet wel 100% breed in de div.
Gewijzigd op 25/12/2010 14:42:29 door Bas IJzelendoorn
Dit
<div width="726px">
werkt namelijk niet.
Het zal je leren om css in de markup te zetten.
Geef die div een id en zet dan #div_id {width: 726px;}
Edit:
Hier staat een prachtige tutorial over hoe je met css/html omgaat
http://www.sceneone.nl/
<div width="726px">
werkt namelijk niet.
Het zal je leren om css in de markup te zetten.
Geef die div een id en zet dan #div_id {width: 726px;}
Edit:
Hier staat een prachtige tutorial over hoe je met css/html omgaat
http://www.sceneone.nl/
Gewijzigd op 27/12/2010 14:10:43 door Kris Peeters