HTML5とCSS3って、IEを考えるとまだまだ先かな・・・と思っていたのですが、スマートフォンの登場で事情が変わってきました。 スマートフォンサイトだとIEを気にしなくていいので、HTML5とCSS3を使えるっ。 というわけで、CSS3で横並びのメニューをさくっと作ります。 画面いっぱいの横並びメニュー 今回作るのはこんなメニューです。 Firefox、GoogleChrome、Safari、iPhone、androidに対応していますが、 InternetExplorerには対応していません、見ると崩れます(IE9ではどうなのかな?)。 メニューのHTMLは従来どおり、liタグでこんな感じにしておきます。 <ul> <li><a href="#">Home</a></li> <li><a href="#">Information</a></li> <li><a href="#">FAQ