Category: Browser
FileUpload width property not working
This issue normally comes in Firefox. In IE, setting the css width will take care of the width of the file upload control. In Firefox, you need to use the size property to set the width of the fileupload, as Firefox rendering engine does not set the width on the width property of the control. ...
Avoiding CSS Image Flicker issue in IE 6.0
There are two types of flickering when it comes to the background-image CSS attribute and its IE6 support. The first is when the whole image flickers. This one can be solved by the aforementioned workarounds. Here is another nice article: http://www.fivesevensix.com/studies/ie6flicker/ The other one is cursor flickering - when you hover an element with the ...
How to apply width to IE and not Firefox
Well the solution is simple. All you need is the knowledge of some keyword that IE recognises while setting the property value, while Mozilla ignores it. Few solutions: 1. Using Expressions: div#maincontainer{ width:300px; /* IE and mozilla will take the width as 300px */ width:expression('100%'); /* But now mozilla will ignore this statement, but IE ...
How to enable developer toolbar in Safari
To enable the Web Inspector (Safari equivalent for IE Developer Toolbar) and User Agents etc., just follow the screen shots below: Voila! I hope it helped.
How to determine whether Javascript is enabled?
There are a lot of approaches to this. Lets take them one at a time: Using NOSCRIPT tag: You can write a noscript tag just before your script tag to display the user a warning message. Check the code below, wherein the user will be redirected to another page if javascript is disabled: <html> <head> ...
Javascript to maximise window on load
Well this is simple script to get your browser maximised onload: <html> <head> <script language="JavaScript"> window.onload = maxWindow; function maxWindow() { window.moveTo(0,0); if (document.all) { top.window.resizeTo(screen.availWidth,screen.availHeight); } else if (document.layers||document.getElementById) { if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth) { top.window.outerHeight = screen.availHeight; top.window.outerWidth = screen.availWidth; } } } </script> </head> <body>Testing</body> </html> I just tested it it IE. Hope this ...
How to suppress nagging javascript errors?
To suppress javascript error popups and warnings in your browser, just use the code snippet below: <SCRIPT language="JavaScript"> <!-- function silentErrorHandler() {return true;} window.onerror=silentErrorHandler; //--> </SCRIPT> This however has some limitation, from what i had experienced. It works well in IE, to a major extend in Firefox, but not much in Opera and Safari. Hence ...
Internet Explorer Bugs
Internet explorer is considered as the most widely used browser over the internet. However, this buddy comes up with some weird bugs in every version of it. I will be giving you a high level view of the bugs that IE has got. To get the indepth view of these bugs, i would recommend you ...
Avoid Outline for textboxes on focus in Safari
Safari has its own amazing styles with it. Most of them are pretty cool and makes the browser stand out. But some of them can affect the screen structure. One of them would be the blue outline that textboxes have on focus. The solution to this is a simple css fix. input:focus{ outline : none ...
Avoid Resizing of textarea in Safari
Safari has its own amazing styles with it. Most of them are pretty cool and makes the browser stand out. But some of them can affect the screen structure. One of them would be the resizing of the multiline textboxes or textarea in Safari. But the solution is quite simple css fix. In the css ...
The Relentless FrontEnd - Aackose Lal's Blog 