Zoals altijd weer eens ruzie met Internet Explorer.
Voorbeeldpagina van probleem:
http://www.levensweg.net/php_emulator/
Het probleem:
klein versleepbaar venstertje die linksbovenin te zien is in iedere browser wordt niet weergegeven in Internet Explorer 7 of lager.
Geprobeerde oplossingen:
display:block; display:table; width:100px !important; height:100px !important; z-index:1000; overflow:auto;
Merkbare veranderingen bij 1 van de oplossingen:
geen.
Verdere opmerkingen
-in IE8 in IE8 standaarden modus is ie wel zichtbaar. (niet perfect, maar dat is wel te fixen)
-venstertje wordt aangemaakt met javascript en is dus niet direct terug te vinden in de broncode. Debugtool als firebug of IE8's developer tools is nodig om de eigenschappen van het venstertje te achterhalen.
-Wanneer ik Developer Tools van IE8 gebruik (druk F12 in) terwijl IE8 op IE7 emulatie staat, zie ik dat het venstertje WEL in het document staat, maar een pixelwidth/pixelheight van 0 heeft. Dat hoort geen 0 te zijn, maar kan het niet veranderen. Zelfde, onder de tab "layout" van het table-elementje van het venster, staat dat het element 0x0 pixels is. Toch, wanneer ik die cijfers verander of via CSS width:100px !important; en height:100px !important; gebruikt, blijft ie op 0x0 staan.
Wie weet de oplossing?
links:
css van het venstertje:
http://www.levensweg.net/php_emulator/css/ui.windows.css
http://www.levensweg.net/php_emulator/css/defaults.css
js van het venstertje:
http://www.levensweg.net/php_emulator/js/ui.windows.js
(onderaan is te zien hoe-ie aangemaakt wordt)
EDIT:
fixed!
:D
door <tbody> tag toe te voegen tussen de <table> en <tr> tags.
(sjonge jonge...)
399 views