Skip to site navigation (Press enter)

Re: scrollbars for </span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=mozilla-layout@mozilla.org&q=from:%22Ian+Davey%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Ian Davey</span></span></a></span> <span class="date"><a href="/search?l=mozilla-layout@mozilla.org&q=date:20010427" rel="nofollow">Fri, 27 Apr 2001 01:48:07 -0700</a></span> </p> </div> <div itemprop="articleBody" class="msgBody">  <PRE> In article <<a href="msg00569.html"><a href="msg00569.html">9c8kv0$[EMAIL PROTECTED]</a></a>>, "Jesse Ruderman" <[EMAIL PROTECTED]> wrote: >> > This url gives scrollbars that move up and down by one pixel. Why? >> > >> > data:text/html,<textarea style="width:100%; height:100%;"></textarea> >> >> At a guess, because textarea has the following styles in quirks mode: >> >> -moz-box-sizing: border-box; >> margin: 1px 0 1px 0; >> >> ...with the top-margin removed by the :first-node rule, resulting in a >> text area that has exactly the height of its parent, plus one pixel of >> bottom margin. > >Cool, no scrollbars if I do ><textarea style=" border:0; width:100%; height:100%; margin: >0px"></textarea>. > >Is it a bug that I have to set extra styles to get a textarea without a >scrollbar? Nope, because you're triggering quirks mode which is supposed to give a "buggier" rendering that matches older browser behaviour. If you want to fix it without the above style, just use an appropriate doctype, i.e. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<A HREF="http://www.w3.org/TR/html4/loose.dtd"">http://www.w3.org/TR/html4/loose.dtd"</A>;> ian. \ / (@_@) <A HREF="http://www.eclipse.co.uk/sweetdespise/">http://www.eclipse.co.uk/sweetdespise/</A> (dark literature) /(&)\ <A HREF="http://www.eclipse.co.uk/sweetdespise/libertycaptions/">http://www.eclipse.co.uk/sweetdespise/libertycaptions/</A> (art) | | </PRE> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg00569.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="index.html#00573">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="maillist.html#00573">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg00576.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg00542.html">scrollbars for <textarea style="wi...</a></span> <span class="sender italic">Jesse Ruderman</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg00543.html">Re: scrollbars for <textarea style...</a></span> <span class="sender italic">Jonas Sicking</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg00544.html">Re: scrollbars for <textarea s...</a></span> <span class="sender italic">Jesse Ruderman</span></li> </ul></li> <li class="icons-email"><span class="subject"><a href="msg00566.html">Re: scrollbars for <textarea style...</a></span> <span class="sender italic">Ian Hickson</span></li> <li class="icons-email"><span class="subject"><a href="msg00569.html">Re: scrollbars for <textarea style...</a></span> <span class="sender italic">Jesse Ruderman</span></li> <li class="icons-email"><span class="subject"><a href="msg00576.html">Re: scrollbars for <textarea style...</a></span> <span class="sender italic">Ian Davey</span></li> <li class="icons-email"><span class="subject"><a href="msg00576.html">Re: scrollbars for <textarea style...</a></span> <span class="sender italic">Jesse Ruderman</span></li> <li class="icons-email"><span class="subject"><a href="msg00580.html">Re: scrollbars for <textarea style...</a></span> <span class="sender italic">Ian Davey</span></li> <li class="icons-email"><span class="subject"><a href="msg00582.html">Re: scrollbars for <textarea style...</a></span> <span class="sender italic">Jesse Ruderman</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg00584.html">Re: scrollbars for <textarea s...</a></span> <span class="sender italic">Clarence (Andreas M. Schneider)</span></li> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="Re: scrollbars for <textarea style="width:100%; height:100%;">"> <input type="hidden" name="msgid" value="988362204.434932@ananke.eclipse.net.uk"> <input type="hidden" name="relpath" value="mozilla-layout@mozilla.org/msg00573.html"> <input type="submit" value=" Ian Davey "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="mozilla-layout@mozilla.org"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search mozilla-layout"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/mozilla-layout@mozilla.org/">mozilla-layout - all messages</a></li> <li class="icons-about"><a href="/mozilla-layout@mozilla.org/info.html">mozilla-layout - about the list</a></li> <li class="icons-expand"><a href="/search?l=mozilla-layout@mozilla.org&q=subject:%22Re%5C%3A+scrollbars+for+%3Ctextarea+style%3D%5C%22width%5C%3A100%25%3B+height%5C%3A100%25%3B%5C%22%3E%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg00569.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg00576.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">988362204.434932@ananke.eclipse.net.uk</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9eb0793e69ffa9fe',t:'MTc3NTk3ODQ4MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>