Category: CSS


CSS Menu Stepdown Issue

Normally when floating objects you can count on them lining up vertically until they break. That is, you could if you weren’t using IE 6. IE 6 appends a line break effect after each floated block element which will cause “stepdown”. The fix here is to make sure the line-height in the parent element is ...


how to change the default text selection color in Browser

One of those cool CSS3 declarations that you can use today is ::selection, which overrides your browser-level or system-level text highlight color with a color of your choosing. The biggest hit is in the fact that only Safari and Firefox are supporting this, and both in slightly different ways. IE totally ignores them. Fortunately, this ...


WYSIWYM Editors – Time to bid adieu to WYSIWYG Editors

WYSIWYG (What You See Is What You Get) editors have been booming up in the market lately. Often people get confused,as to use which one. Quite frequently, they end up using expensive third party editors, with cool features and UI. Fair enough to fool your clients. One important thing that we miss out here is ...


Styling a file upload control or input type = “file”

FileUpload control has weird styles, especially when you view them across browsers. The normal look and feel of the control, would look like something below: The Safari one looks really worth a bug for the testers. This solution to style fileupload controls is a concise and verified version of the solution by Michael McGrady. Step ...


Setting screen width for Web sites to be viewed on iPhone

Fixing the width of the page in iPhone to a certain value is not direct. Safari is assuming an 800px width. The best solution to this is just by using the meta tags. Check the snippet below: To set the width to the screen width based on the mode he is in, be it landscape ...


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. ...


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 ...