現在cssの作成練習をしているのですが上手くいきません。

このサイト→http://sample.hisa-hide.com/を編集しているのですが(cssは→http://sample.hisa-hide.com/sample.html

floatの回り込みが出来ずに、行き詰まっています。またブラウザによる表示の差が酷いです。
リアルタイムエディタで編集しているのですが→ http://www.2step-css.com/
サーバーにアップすると何故か表示が大きく崩れます。
どなたかこのサイトのcssの模範解答がわかる方ご回答お願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (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の働きをチェックしてみてはいかがでしょうか? かなりまともになる筈ですけどね。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報