MacRabbit has been quickly transforming their icon for CSSEdit 2.6 to Leopard's high resolution icon format, thus revealing their opinion of a major web browser.
(hint: look in the lower left corner)
Nov 13, 2007
Oct 14, 2007
Smarter resizeable textareas in Safari
Did you notice the resize handle textareas have in Safari? They come very often as many pages underestimate then size you need for those boxes.
textarea {
However, resizing a text area mostly break the design of the page, but I stumbled upon a very easy way to fix it for your page to make it look perfect every time.
Remember the min-width, max-width properties in CSS? Good, because Safari uses them to deside how big the textarea is allowed to be.
For example, if you don't want the user to change the width of the textarea, and you don't want the the height to be smaller than a certain number, just put this into your CSS
textarea {
width: 300px;
min-width: 300px;
max-width: 300px;
height: 200px;
min-height: 100px;
}
now, Safari forces the width to be 300px, and it can't get a height less than 100px. It's a great way to take avantage of the Safari's cleaver function.
Subscribe to:
Posts (Atom)