- ベストアンサー
cssについて
現在ｃｓｓの作成練習をしているのですが上手くいきません。 このサイト→http://sample.hisa-hide.com/を編集しているのですが（ｃｓｓは→http://sample.hisa-hide.com/sample.html） floatの回り込みが出来ずに、行き詰まっています。またブラウザによる表示の差が酷いです。 リアルタイムエディタで編集しているのですが→ http://www.2step-css.com/ サーバーにアップすると何故か表示が大きく崩れます。 どなたかこのサイトのｃｓｓの模範解答がわかる方ご回答お願いいたします。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
cssを問題にする以前に、HTML の基本構造が間違っています。 確認した訳ではありませんが、経験的に考えて、表示の乱れもそこから来ているのだと思います。 すなわち、「このサイト」の HTML ソースをごく大まかに見ると、 <HTML><META> <html lang="ja"> <HEAD> <META> </HEAD> <BODY> </BODY> </HTML><P><A></A></P> といった構造になっていますが、どこが違っているかおわかりですか? <HTML>の開始タグがふたつ連続してあるのに、</HTML>の終了タグはひとつしか無い。 同じ内容のメタタグ <META> が重複して存在する。しかも一組は間違った位置に記載されている。 </HTML>で全部の記述が終わらなくてはならない筈なのに、その後にパラグラフ<P>とアンカー<A>の余計なタグがくっ付いている。 このあたりを修正してからもう一度cssの働きをチェックしてみてはいかがでしょうか? かなりまともになる筈ですけどね。
