Incorrect markup representation: Overflow-x hidden style make div elements as input.

4 பதிலளிப்புகள்
7 இந்த பிரச்னைகள் உள்ளது
16 views
Last reply by cor-el

13 ஆண்டுகளுக்கு முன்பு

Dervish24

28/4/11, பிற்பகல் 5:09

Check following html:

<html>
<head><style>.main div{overflow-x:hidden;}</style></head>
<body>
<div class="main">
<table>
<tr>
<td><div>Host Name</div></td>
<td><input type="text" /></td>
<td width="100"><div></div></td>
</tr>
<tr>
<td><div>Host Address</div></td>
<td><input type="text" /></td>
<td width="100"><div></div></td>
</tr>
<tr>
<td height="10px" colspan="3"><div> </div></td>
</tr>
</table>
</div>
</body>
</html>

Focus first input. Press 'Tab' key. You'll see that now focused empty div.

'''Check following html:''' <pre><html> <head><style>.main div{overflow-x:hidden;}</style></head> <body> <div class="main"> <table> <tr> <td><div>Host Name</div></td> <td><input type="text" /></td> <td width="100"><div></div></td> </tr> <tr> <td><div>Host Address</div></td> <td><input type="text" /></td> <td width="100"><div></div></td> </tr> <tr> <td height="10px" colspan="3"><div> </div></td> </tr> </table> </div> </body> </html></pre> '''Focus first input. Press 'Tab' key. You'll see that now focused empty div.'''

cor-el மூலமாக 12 மே, 2011, பிற்பகல் 2:13:09 -0700 திருத்தப்பட்டது

Answer 1 · 2011-04-28 17:09:55

Dervish24 கேள்வியின் உரிமையாளர்

10/5/11, பிற்பகல் 7:05

FireFox 4.0.1 - bug still here.

Answer 2 · 2011-04-28 17:09:55

the-edmeister

Moderator

10/5/11, பிற்பகல் 7:25

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.