Ik zit deze week wel heel erg in de IE bugs. Zo kreeg ik vandaag een access denied error wanneer een gebruiker een ongeldig/niet bestaande bestandsnaam invoert in een upload veld. Dit is mogelijk omdat in Internet Explorer het invoerveld (het veld naast browse knop) de door de gebruiker bewerkt kan worden.
Dit is op te lossen door tijdens het keydown event van het uploadveld het click event uit te voeren waardoor de gebuiker gedwongen wordt om het upload dialog scherm te gebruiken (jQuery):
$(document).ready(function() {
$("input[type=file]").keydown(function(event) {
$("input[type=file]").click();
return false;
});
});
Ik heb vandaag eindelijk een oplossing gevonden voor die irritante overflow bug in IE. Deze bug houdt in dat er een horizontale scrollbar wordt getoond terwijl deze helemaal niet nodig is:
Josh Stodola heeft de oplossing door een IE specifieke tag toe tevoegen :
Het zetten van de div height in IE6 is niet zo simpel als je zou denken. Ik wilde een dunne lijn maken mbv een div met een hoogte van 1px :
div.footerBar
{
background: #FF6600;
width: 100%;
height: 1px;
}
Dit is voldoende voor firefox en IE 7. Helaas kreeg ik in IE 6 een lelijke dikke balk. Dit is op te lossen door overflow:hidden toe te voegen:
div.footerBar
{
background: #FF6600;
width: 100%;
height: 1px;
overflow:hidden;
}
Een nettere oplossing is zoals Wilbert al zei, gewoon een hr tag gebruiken met de volgende css:
hr
{
border:0;
height:1px;
color:red;
background:red;
}