Rendering bug with absolutely positioned button tags
I'm using Firefox 10.0.1 and I've found a bug regarding button elements that are absolutely positioned. The problem is setting both the right and left CSS attributes does not affect the width of the button as it should.
Here is some example code to show what I mean (the forum is mangling the html, hopefully you can get the gist of it):
<html> <body> <div style="width: 500px; position: relative;"> <button style="position: absolute; left: 0; right: 0;">Test</button> </div> </body> </html>
In all other browsers the button will be 500px wide. In Firefox, it will fit to the text.
I'm using Firefox 10.0.1 and I've found a bug regarding button elements that are absolutely positioned. The problem is setting both the right and left CSS attributes does not affect the width of the button as it should.
Here is some example code to show what I mean (the forum is mangling the html, hopefully you can get the gist of it):<br />
<br />
<pre><nowiki><html>
<body>
<div style="width: 500px; position: relative;">
<button style="position: absolute; left: 0; right: 0;">Test</button>
</div>
</body>
</html></nowiki></pre>
In all other browsers the button will be 500px wide. In Firefox, it will fit to the text.
Modificadas por cor-el el
Todas las respuestas (1)
Why don't you give that button a width:100% if you want it to take the full width of that DIV container?