http://www.sirouto.co.uk/
文字が重なってしまうのはトップページだけのようです。ちなみにインターネットエクスプローラーでは文字が重なることなく、ちゃんと行間もあいています。
どのブラウザでもトラブルなく見やすいホームページにするには、スタイルシートもしくはHTML言語をどのようになおせばいいでしょうか?初心者なのでわかりやすく教えていただけると助かります。
「css/common.css」のなかで、「.right_contents」と「.caption」という部分に
「height:○○○px;」(高さ固定)が指定されています。
高さが固定されていると、中身がその高さを超える場合はFirefox、Opera等では成り行きで広がってくれません。
この指定を削除することで解消できると思います。
またその際、「.right_contents」には「margin:20px 30px;」が指定されており、
下に「20px」の空きが出ますので、この部分は「margin:20px 30px 0px 30px;」などとして
下の余白を「0px」など狭くする必要があるかもしれません。
(下記URLはダミーです)
「css/common.css」のなかで、「.right_contents」と「.caption」という部分に
「height:○○○px;」(高さ固定)が指定されています。
高さが固定されていると、中身がその高さを超える場合はFirefox、Opera等では成り行きで広がってくれません。
この指定を削除することで解消できると思います。
またその際、「.right_contents」には「margin:20px 30px;」が指定されており、
下に「20px」の空きが出ますので、この部分は「margin:20px 30px 0px 30px;」などとして
下の余白を「0px」など狭くする必要があるかもしれません。
(下記URLはダミーです)
コメント(0件)