サポート » 使い方全般 » IE7でのデザインの崩れ

  • 解決済 tonio-clutch

    (@tonio-clutch)


    お尋ねいたします。

    FIREFOX3では問題なく表示されますが、IE7で見るとナビゲーション部が崩れてしまいます。
    (階段状にずれてしまっている・・)

    http://www.tonioclutch.com

    CSSに問題があると思われますが、おわかりになる方が
    いらっしゃいましたら、ご教授いただけないでしょうか。

    どうぞよろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • cssでは.navigation aにfloat: left;を指定しているのに、htmlソースでは

    <li class="page_item page-item-4"><a href="http://www.tonioclutch.com/blog/releasies/" title="RELEASES">RELEASES</a>

    というようにliタグが入っているからですね。
    liタグでfloatしたいならliタグにcssを指定しなければならないでしょうし、そもそもliタグが閉じられていません。
    現状ではliタグを全て取り除けばお望みの体裁になるはずです。

    トピック投稿者 tonio-clutch

    (@tonio-clutch)

    shokun0803さん

    返信遅くなりすみません。

    li タグを消すことは理解できました。 ただ素人なもので、どこのどれを
    おっしゃってるのかわかりませんでした。テーマの中に入っているファイル(php)
    の記述すべて見ましたが、それらしいのが見当たりません。

    大変お手数ですが、もう少し具体的に(すでに一般的には具体的なのでしょうが)
    教えていただけると助かります。

    貴重なお時間をとらせてしまい申し訳ないです。

    どうぞよろしくお願いいたします。

    貴サイトの情報だけではphpのソースまで見れませんので、使用しているテーマ名とその配布サイトを教えてください。

    トピック投稿者 tonio-clutch

    (@tonio-clutch)

    お世話になっております。

    使用テーマ
    Beautiful Day 2.0

    配布サイト
    http://templates.arcsin.se/beautiful-day-20-wordpress-theme/

    になります。

    どうぞよろしくお願いいたします。

    header.phpの62~69

    <div class="navigation">
    		<ul>
    			<li><a href="<?php bloginfo('url'); ?>/">Home</a></li>
    			<?php wp_list_pages('title_li=&depth=1');?>
    		</ul>
    
    		<div class="clearer"><span></span></div>
    	</div>

    の部分を変更していないことが前提で、style.cssの134~135

    .navigation ul {display: inline;}
    .navigation li {float: left;}

    が貴サイトでは削除されていることが原因と思われます。元に戻してみてください。

    トピック投稿者 tonio-clutch

    (@tonio-clutch)

    shokun0803さん

    ありがとうございました! 指示されたように、追加したところ
    うまく行きました!

    迅速かつ丁寧に教えていただき、大変感謝しています。

    このたびはお世話になりました。

    重ねてお礼申し上げます。。

    tonio clutch

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「IE7でのデザインの崩れ」には新たに返信することはできません。