Disable resizing textarea’s in Chrome and Firefox 4

Posted: March 18th, 2011 | Author: | Filed under: CSS | Comments Off on Disable resizing textarea’s in Chrome and Firefox 4

When I was building a new form for a new project today I was having some problems with the resize option for textarea’s in Chrome (update: and Firefox 4). Every form with a textarea messes up the entire website layout by resizing this field.

Example:

textarea {
	resize: none;
}

I know this can be an usability thing for Chrome and Firefox users, but I think when you make your textarea large enough there should be no problem at all.


WordPress: text-align fix

Posted: July 10th, 2009 | Author: | Filed under: CSS, Wordpress | Comments Off on WordPress: text-align fix

I just finished my new template and I was ready to test how it looks, great! but…oops a problem showed up and I couldn’t find what was wrong. Read the rest of this entry »


The use of CSS Hacks

Posted: March 21st, 2009 | Author: | Filed under: CSS | Tags: , , , | Comments Off on The use of CSS Hacks

As you all know there are a couple of differences in rendering your website in different browsers (Internet Explorer 6/ 7 / 8, FireFox 2 / 3, Opera and Safari).

You as front-end developer have the responsibility to make sure your webpages are supported for all browsers. Microsoft introduced “conditional commenting” as a sollution, but often you do not want to add in a whole CSS file to fix a single pixel. In these cases you need a “hack” in CSS to accomplish this.

Before I give the solution to your rendering differences in Internet Explorer, you need to understand these hacks should only be used when all other options are eliminated since they are mentioned as final solutions for tiny bugs.

Read the rest of this entry »