質問 > 管理機能 > メニューバーの右端の余白について(chromeのみ) |
管理機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
puta |
投稿日時: 2012/7/12 17:34
対応状況: −−−
|
新米 登録日: 2011/5/6 居住地: 長野県 投稿: 3 |
メニューバーの右端の余白について(chromeのみ) 調べ方が悪かったのかもしれないのですが
わからなかったので教えてください<(_ _)> 題名の件なのですが、Firefoxで閲覧した場合はきっちり メニューバーが収まっているのに、chromeで開くと 右端に変な余白が出てきてしまいます。 floatで左に詰めてみたり、右端のバーだけclassで 指定してwidthなどを広げてみても 広げると下に落ちてしまうし、小さいとそのままという感じで CSSハックでやるにしても どうやって直せばいいのかもわかりません。 宜しくお願い致します。 ------------------------------------------------------------------------------------------ [EC-CUBE] 2.4.4 [レンタルサーバ] domainking [OS] Linux dkshared25.ssl-sys.jp 2.6.18-164.15.1.el5PAE #1 SMP Wed Mar 17 12:14:29 EDT 2010 i686 [PHP] PHP 5.2.17 [データベース] MySQL 5.0.77 [WEBサーバ] Apache 2.0 Handler [ブラウザ] Firefox13.0.1 [現象] ------------------------------------------------------------------------------------------ header-html <div id="header"> <div id="header_inner"> <div class="content"> <p id="header_description"> <!--{$arrPageLayout.description|escape}--> </p> <div id="logo"> <h1> <a href="<!--{$smarty.const.SITE_URL}-->"> <img src="/user_data/packages/FSV001EC002/img/header/thanks.logo.jpg"> <!--<!--{$arrSiteInfo.shop_name|escape}-->*/--> </a></h1> </div> </div> <div id="header_menu"> <ul> <li class="menu_mypage"> <a href="<!--{$smarty.const.URL_DIR}-->mypage/login.php"> <img src="/user_data/packages/FSV001EC002/img/header/z_header_mypage.jpg"> </a> </li> <li class="menu_member"> <a href="<!--{$smarty.const.URL_DIR}-->mypage/login.php"> <img src="/user_data/packages/FSV001EC002/img/header/z_header_touroku.jpg"> </a> </li> <li class="menu_contact"> <a href="<!--{$smarty.const.SSL_URL}-->contact/index.php"> <img src="/user_data/packages/FSV001EC002/img/header/z_header_toiawase.jpg"> </a> </li> <li class="menu_cartin"> <a href="<!--{$smarty.const.URL_DIR}-->cart/index.php"> <img src="/user_data/packages/FSV001EC002/img/header/z_header_kago.jpg"> </a> </li> <li class="menu_marutoku"> <img src="/user_data/packages/FSV001EC002/img/header/z_header_marutoku.jpg"> </li> </ul> </div> </div> </div> <!--▲HEADER--> −−−−−−−−−−−−−−−−−−−−−−−−−−−−−− header-CSS #header { width: 830px; height: auto; margin: 0 auto; text-align:left; } #header_inner { background:#FFF; height:auto; } #header .content { min-height:80px; height:40px; background-image: url(/user_data/packages/FSV001EC002/img/header/header_haikei.jpg); background-repeat: no-repeat; width:830px; } /* サイト要約 */ #header_description { font-size:0%; padding:5px 10px; line-height: 0; color: #FFF; height: 1px; } /* サイト名エリア */ #header #logo { width:830px; margin-bottom: 20px; text-align: center; } /* サイト名テキスト表示 */ #header h1 { font-size: 220%; font-weight: bold; color: #FFF; font-weight:bold; padding:5px 10px; line-height:1.2; } /* ヘッダーメニュー */ #header_menu { background: ; padding:0px 0; height:auto; color:#000000; line-height:0; } #header_menu ul { list-style: none; /*text-align: left;*/ margin:0; } #header_menu li { float:left; display: inline; margin: 0 0 0 0px; width:166px; height:39px; } 見えにくかったら申し訳ないです。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |