以下のHTMLを記述しました。 <html> <head> <style type="text/css"> #box { float:left; width:100px; height:30px; background-color:#0000FF; color:#FFFFFF; border:none; } </style> </head> <body> <div id='box'>aaa</div> <div id='box'>bbb</div> <div id='box'>ccc</div> <div id='box'>ddd</div> <div id='box'>eee</div> <br class="clear"> </body> </html> 青いボックスを５つ並べたイメージです。 Windows PCのIEやChromeやSafariでは問題なく表示されますが、 iPadのSafariやChromeだと、各ボックスに白い枠線が表示されてしまいます。 枠線なしで横５つで１つの青いボックスに見せたいのですが、どうすれば解消 するでしょうか？ Windows PCとiPad以外では、android端末のChromeでは問題なく表示されました。 Mac PCやiPhoneは持っていないので未確認です。 宜しくお願い致します。
↧