maximale breedte image aanpassen aanpassen aan parant div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Bart Klaasen

Bart Klaasen

25/12/2010 14:18:32
Quote Anchor link
Ik heb de volgende html code:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
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>


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
 
PHP hulp

PHP hulp

02/03/2024 20:31:40
 
Kris Peeters

Kris Peeters

27/12/2010 13:55:26
Quote Anchor link
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/
Gewijzigd op 27/12/2010 14:10:43 door Kris Peeters
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.