html - Boxes appear under textarea in internet explorer -
please tell me why red boxes appear below textarea in chrome , others (as should), in internet explorer, appear adjacent textarea.
<!doctype html> <html> <head> <title>test</title> <style> .wrapper { width: 760px; } textarea { float: left; width: 100%; height: 200px;} textarea { box-sizing: border-box; } li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; } fieldset{ margin: 0; padding: 0; border: 0; } </style> </head> <body> <div id="content" class="wrapper"> <form> <textarea></textarea> <fieldset> <ul> <li> <img alt="/" src="/" /> </li> <li> <img alt="/" src="/" /> </li> <li> <img alt="/" src="/" /> </li> <li> <img alt="/" src="/" /> </li> <li> <img alt="/" src="/" /> </li> <li> <img alt="/" src="/" /> </li> <li> <img alt="/" src="/" /> </li> <li> <img alt="/" src="/" /> </li> </ul> </fieldset> </form> </div> </body> </html>
try following.
assuming have interpreted request correctly, seemed work me.
.wrapper { width: 760px; } textarea { float: left; width: 100%; height: 200px; display: block; } textarea { box-sizing: border-box; } li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; } fieldset{ margin: 0; padding: 0; border: 0; display: inline; }
Comments
Post a Comment