Vervelend probleem percentages i.c.m. Internet Explorer

[kwaza]

Ben vandaag begonnen aan een vernieuwde versie van een website voor een bedrijf.
Loop echter tegen een vervelend probleem aan: het lijkt erop dat IE6 geen ondersteuning heeft voor percentages in de afmetingen van afbeeldingen?

Open volgende pagina maar eens in IE en in FireFox:
http://metus.be/website_vaneijk/

Zie je het verschil? In FF worden de percentages netjes toegepast, maar in IE is dit echter niet het geval. Doe ik iets verkeerd?

Voor de header gebruik ik bijvoorbeeld de HTML-code:

code:

[img]"images/bar.jpg"[/img]

[ Voor 5% gewijzigd door kwaza op 07-01-2006 19:06 ]

[ZeilDude]

Ik zie dat je een XHTML-declaratie gebruikt (... />). In XHTML is het gebruik van stijlattributen zoals width en border afgekeurd, dan wel afgewezen. Ik adviseer je dan ook stylesheets voor de opmaak te gebruiken, intern dan wel extern. Of inline:

HTML:

[img]"images/bar.jpg"[/img]

Verder is dit wel heel erg basiswerk en adviseer ik je eerst eens wat rond te gaan kijken op diverse sites, te beginnen hier op GOT.

Oei...
Ik heb je site wat beter bekeken, maar tegenwoordig worden sites toch wel even anders gemaakt. Banners, menu's, footers: dat kan allemaal in css. Tabellen zijn uit en (inline)frames ook. Ik zeg niet dat je die elementen nooit mag gebruiken (zou normatief zijn), echter doe het dan wel op de juiste manier. Dus als je de site écht wil vernieuwen, begin dan maar met de basis.

Oh ja, heb je een andere browser dan IE? Zet dan de stijlsheet eens uit en kijk wat je ziet. Of beter gezegd, niet ziet...

[ Voor 48% gewijzigd door ZeilDude op 07-01-2006 18:48 ]

[kwaza]

ZeilDude schreef op zaterdag 07 januari 2006 @ 18:41:
Ik zie dat je een XHTML-declaratie gebruikt (... />). In XHTML is het gebruik van stijlattributen zoals width en border afgekeurd, dan wel afgewezen. Ik adviseer je dan ook stylesheets voor de opmaak te gebruiken, intern dan wel extern. Of inline:

HTML:

[img]"images/bar.jpg"[/img]

Verder is dit wel heel erg basiswerk en adviseer ik je eerst eens wat rond te gaan kijken op diverse sites, te beginnen hier op GOT.

Oei...
Ik heb je site wat beter bekeken, maar tegenwoordig worden sites toch wel even anders gemaakt. Banners, menu's, footers: dat kan allemaal in css. Tabellen zijn uit en (inline)frames ook. Ik zeg niet dat je die elementen nooit mag gebruiken (zou normatief zijn), echter doe het dan wel op de juiste manier. Dus als je de site écht wil vernieuwen, begin dan maar met de basis.

Oh ja, heb je een andere browser dan IE? Zet dan de stijlsheet eens uit en kijk wat je ziet. Of beter gezegd, niet ziet...

Ik appreciëer de moeite die je gedaan hebt om deze reply te typen, maar hiermee is het probleem echter niet opgelost.

Ik herhaal mijn eigenlijke vraag:
Ondersteunt Internet Explorer 6 nu wél percentages in the afmetingen van afbeeldingen of níet?

Tabellen zijn uit en (inline)frames ook.

Ik heb nergens (i)Frames gebruikt, maar waarom zouden tabellen 'uit' zijn?

[ Voor 7% gewijzigd door kwaza op 07-01-2006 19:03 ]

[crisp]

ZeilDude schreef op zaterdag 07 januari 2006 @ 18:41:
Ik zie dat je een XHTML-declaratie gebruikt (... />). In XHTML is het gebruik van stijlattributen zoals width en border afgekeurd, dan wel afgewezen. Ik adviseer je dan ook stylesheets voor de opmaak te gebruiken, intern dan wel extern. Of inline:

HTML:

<img src="images/bar.jpg" style= "width: 100%; border: solid 1px;" />

Verder is dit wel heel erg basiswerk en adviseer ik je eerst eens wat rond te gaan kijken op diverse sites, te beginnen hier op GOT.

XHTML (1.0 Transitional in this case) wijkt niet af van HTML, dus attributen als width en border zijn (hoewel border deprecated is) wel toegestaan. Bedenk daarbij dat de gemiddelde XHTML-site ook gewoon als HTML geserveerd wordt (wat in dit geval maar goed ook is aangezien deze pagina niet well-formed is).

Dat terzijde; voor zover ik weet kan IE wel degelijk images met percentuele afmetingen renderen. De vraag is echter hoe IE bepaald wat 100% is, en daar zou best nog wel eens een verschil in kunnen zitten mbt andere browsers. Blijkbaar ziet IE de table-cell niet als offsetParent.

Overigens ben ik het wel eens met ZeilDude dat de keus om een tabel te gebruiken voor layout fout is

edit: je table table-layout:fixed geven lost het probleem in IE op, maar zal ws wel andere problemen opleveren. Nogmaals: tables zijn ook niet bedoelt voor layout. Afmetingen voor tables en cellen zijn per spec ook geen fixed afmetingen maar dienen voor de browser slechts ter indicatie (behalve wanneer table-layout:fixed is opgegeven).

[ Voor 13% gewijzigd door crisp op 08-01-2006 00:55 ]

[kwaza]

Bedankt crisp voor je volledige antwoord! Het probleem is nu opgelost!
Ik zal op internet een beetje rond gaan kijken wat wél de juiste manier is om een layout te maken.