So, in summary (for those interested), while using HTML 5 doctype, Safari renders textareas as inline-block by default and Firefox renders them inline by default. Setting textareas to block fixes the issues (it was happening for some in Firefox as well) with both browsers.
On Tuesday, March 30, 2010, at 09:48AM, "Wade Preston Shearer" <[email protected]> wrote: >I hit send too soon. I would like to use "<!DOCTYPE html>" not just because >it's simple. It is the doctype for HTML 5 so that is the one that I would like >to use. I did find a final solution that works with "<!DOCTYPE html>". Setting >the display to block for texareas removes the space. > > >On Tuesday, March 30, 2010, at 09:41AM, "Wade Preston Shearer" ><[email protected]> wrote: >>I found the answer (or at least a solution). I was not declaring a version in >>my doctype (<!DOCTYPE html>). Switching to HTML or XHTML transitional fixes >>the issue. Hmmm. I was really liking the simple doctype (as Apple and Google >>are doing). What to do. >> >> >>On Tuesday, March 30, 2010, at 09:00AM, "Wade Preston Shearer" >><[email protected]> wrote: >>>I encountered something yesterday that I hadn't come across before. I have >>>recreated in a pristine environment to confirm that it is actually an issue. >>>Strangely, WebKit-base browsers are adding a few pixels of bottom margin to >>>textareas even when they are told to have none. >>> >>> >>>Screenshot comparing Safari to Firefox: >>> >>>http://screencast.com/t/ZWZlOWVhNDEt >>> >>> >>>Actual code: >>> >>>anavidesign.com/temp/safari_textarea.html >>> >>> >>>Does anyone know of a workaround? >>> >>>_______________________________________________ >>> >>>UPHPU mailing list >>>[email protected] >>>http://uphpu.org/mailman/listinfo/uphpu >>>IRC: #uphpu on irc.freenode.net >>> >>> >> >> > > _______________________________________________ UPHPU mailing list [email protected] http://uphpu.org/mailman/listinfo/uphpu IRC: #uphpu on irc.freenode.net
