- ベストアンサー
firefoxのサイドバーの幅を狭くする方法とは？
zundamoの回答
- zundamo
- ベストアンサー率55% (21/38)
それからですが。 しばらく前から以下の記述は不要です。 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(chrome://browser/content/browser.xhtml) { }
関連するQ&A
- 【 Firefox 3 】 クレジットの背景画像を変更したい
【質問】 ヘルプメニューの「Mozilla Firefox について」の「クレジット」をクリックして表示されるウィンドウの背景画像をCSSで変更したいのですが、上手くいきません。 どなたか書き方をご存知の方がいらっしゃいましたら、教えていただけませんか。 以下のように書いてみた所、「クレジット」をクリックした時に一瞬だけ差し替えた画像が表示されるのですが、その後はデフォルトの差し替え前の画像に戻ってしまいます。 (画像データのコードは、書くと非常に長くなるので省略しています) @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(chrome://browser/content/aboutDialog.xul) { #creditsBox { background-image: url("data:image/png;base64,・・・") !important; } } よろしくお願いします。 【UserAgent】 Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.6) Gecko/2009020417 Firefox/3.0.6 (tete009 SSE PGO)
- 締切済み
- ブラウザ
- firefoxをフラットにカスタマイズ
firefoxを「Stylish」というアドオンを使用してカスタマイズしております。 クラシックなスタイルにしているのですが、何かのきっかけで一部フラットではなくなってしまいました。 どのように手を加えればフラットになりますでしょうか？ グラデーションなどをやめて、添付画像のタブ辺りのような感じにしたいです。 今のユーザースタイルはこのようになっております。 toolbox#navigator-toolbox { border-left: 1px solid ThreeDHighlight !important; } hbox#browser { border-left: 1px solid ThreeDHighlight !important; } hbox#browser .plain { -moz-appearance: listbox !important; } tabbrowser { background: ThreeDFace !important; } tab { -moz-appearance: tab !important; margin-top: 3px !important; } tab[selected="true"] { margin-top: 1px !important; } #searchbar .search-go-button{ display: none !important; } #bookmarksPanel treechildren::-moz-tree-image(container), #bookmarksToolbarFolderMenu, #bookmarksToolbarFolderMenu [container], .bookmark-item[container] { list-style-image: url("chrome://FOLDER_16x16-32.png") !important; -moz-image-region: rect(16px 128px 32px 112px) !important; } sidebarheader { -moz-appearance: none !important; background: black !important; border: none !important; }
- ベストアンサー
- ブラウザ
- CSSでの背景色の出し方でつまりました。
独学で学んでいる初心者です。 HTML <link rel="stylesheet" href="hp.css" type="text/css"> <div id="container"> <div id="header">ヘッダー</div> <div id="main">メイン</div> <div id="sidebar">サイドバー</div> <div id="footer">フッター</div> </div> CSS #container{ width:940px; overflow:hidden; } #main{ width:620px; float:left; color:black; } #sidebar{ width:320px; float:right; background:green; } #footer{ clear:both color:red; } 簡単なものにしてみても出なかったので、 なぜ出ないのか教えていただければと思います。 ブラウザはオペラです。 サイドバーのグリーンしかつきません。 過去の似たような質問をいくつかみて overflow:hidden; や .clearfix:after { content: ""; display: block; clear: both; } を入れてみてもダメでした。 お願い致します。
- ベストアンサー
- CSS
- IE8でサイドバーのレイアウトが崩れる場合の対処法
CSSについての質問です。 IE8よりも古いバージョンでのみレイアウトが崩れて困っています。 簡単な抜粋ですが、以下のような感じでfloatを使ってレイアウトを作成しています。 [HTML] ---------------- <div id="main"> </div> <div id="sidebar"> </div> <div id="footer"> </div> ---------------- [CSS] ---------------- #main{ float:left; width:620px; } #sidebar{ float:right; width:300px; } #footer{ clear:both; } ---------------- IE8よりも古いバージョンでは、サイドバーが下に落ちてレイアウトが崩れてしまいます。 しかもIEの開発ツールでHTMLを確認したところ、なぜかサイドバーがメインコンテンツの中に入っていました。 ---------------- <div id="main"> <div id="sidebar"> </div> </div> ---------------- なので、全体の幅を広げても、下に落ちてしまったサイドバーは全く上がってきてくれません。 どうにか解決する方法はありませんでしょうか？ 文章だと伝わりくいかもしれませんが、よろしくお願いいたします。
- ベストアンサー
- CSS
- FF29でtitlebar-textが効かない
Firefoxでウィンドウのタイトルバーの文字色の変更ができません。 http://tuberculin.blog102.fc2.com/blog-entry-342.html を参考にして、プロファイルフォルダにchromeというフォルダを作成し、その中にuserChrome.cssというファイルをUTF-8で以下のように記述して保存後、Firefoxを再起動しましたが何も変わりません。 @charset "utf-8"; @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #titlebar-text {color: white !important;} 環境はFirefox29、windows7x64です。 どうすればFirefox（だけ）のウィンドウのタイトルバー文字色を変更できますか？ （OSの設定は変えたくありません） ご教示よろしくお願いします。
- 締切済み
- ブラウザ
- <div>タグでサイドバーを作るときの幅の指定方法
全体を囲むdivの中にサイドバーとメインコンテンツ用のdivを入れたいと思っています。 <div id="allContents" style="width:100%;"> <div id="sideBar" style="float:left; width:200px;"></div> <div id="main" style="float:right;"></div> </div> で、このときに、右側に表示される#main部分の幅を「残り全部」にしたいのですが、 widthに何を指定したら良いのでしょうか？ サイドバー部分が200px固定で、残りのメイン部分の幅はブラウザの右端までにしたいのです・・。 （Javascriptで#main部分の長さを取ろうと思っているので、中に何も入っていなくても divの大きさが一杯までなるようにしたいのです・・） ご教授よろしくお願いします。
- ベストアンサー
- HTML
- firefoxのブックマークの検索の部分の虫眼鏡を
firefoxのブックマークの検索の部分の虫眼鏡を消したい firefox12.0を使っております。 アドオン「Stilish」を使用し、windowsXPのクラシックスタイルと色を変えるソフトでカスタマイズしております。 firefoxのバージョンが新しくなり、ブックマークのところに検索の入力フォームができました。 こちらに表示される虫眼鏡が不要ですので消したいです。 Stilishにどのように記述すればいいでしょうか？ また、できればブックマークのフォルダアイコンも消したいです。 よろしくお願いいたします。 以下stilishに記述してある全文です。 toolbox#navigator-toolbox { border-left: 1px solid ThreeDHighlight !important; } hbox#browser { border-left: 1px solid ThreeDHighlight !important; } hbox#browser .plain { -moz-appearance: listbox !important; } tabbrowser { background: ThreeDFace !important; } tab { -moz-appearance: tab !important; margin-top: 3px !important; } tab[selected="true"] { margin-top: 1px !important; } #searchbar .search-go-button{ display: none !important; } #bookmarksPanel treechildren::-moz-tree-image(container), #bookmarksToolbarFolderMenu, #bookmarksToolbarFolderMenu [container], .bookmark-item[container] { list-style-image: url("chrome://FOLDER_16x16-32.png") !important; -moz-image-region: rect(16px 128px 32px 112px) !important; } sidebarheader { -moz-appearance: none !important; background: black !important; border: none !important; } .tab-icon-image { display:none !important; }
- ベストアンサー
- ブラウザ
- サイドバーの背景色を項目のない部分にも表示させたい
サイドバーの背景色を項目のない部分にも表示させたい ブログテンプレートを自作しています。サイドバーの背景色をグレーに設定しているのですが、項目がなくなった時点で背景色が終わってしまいます。これを一番下まで表示させたいと思っているのですがどうすればよいでしょうか。 （うまく説明できないのでお絵かき添付で説明しました。） それらしきテンプレートを見つけては自分のcssに足らないものを追加したりと体当たりで カスタマイズに挑んだのですが、どうしてもうまくいきません。 自作テンプレートのHTMLは<div>で入れ子状態になっており、簡単に分解？すると <div id="container"> <div id="blog"> </div> <div id="right"> </div> </div> となっており、 サイドバーのcssは div#right { width : 220px; float : right; text-align:left; margin: 0px; padding:30px 0px 0px 0px; overflow: hidden; font-size: 0.7em; background-color: #f6f6f6;} です。 （情報が不十分でしたら教えてください・・・！） 参考URLとして自分のブログのテンプレート表示のURLを記載します。 http://hare77777.blog58.fc2.com/?template=test2&index お分かりの方いらっしゃいましたらよろしくお願いいたします。
- ベストアンサー
- HTML
- width指定したTDでwhite-space:nowrapが効かない
width指定したTDでwhite-space:nowrapが効かない ブラウザはIE6～8のみを想定しています。 下記のHTMLでは、2行目は正常なのですが、1行目のnowrapが働かず、改行がかかってしまいます。 列毎に幅を指定する必要があるので、1行目にはwidthを指定しているのですが、 どのようにすれば自動改行を禁止できるでしょうか。 <table style="table-layout: fixed;"> <tr> <td style="width: 50px; overflow: hidden; white-space: nowrap;">あああああああ</td> <td style="width: 70px; overflow: hidden; white-space: nowrap;">あああああああ</td> </tr> <tr> <td style="overflow: hidden; white-space: nowrap;">あああああああ</td> <td style="overflow: hidden; white-space: nowrap;">あああああああ</td> </tr> </table>
- ベストアンサー
- HTML
- liタグのナビボタンがFirefoxで二重に表示。
liタグでナビボタンを縦に３つ積みたいのですが、IEでは正しく表示しますが、何故かFirefoxでは２段めから２つずつ表示してしまい５つのナビボタンになってしまいます。どのように記述すれば良いのでしょう？ <div id="sidebar"> <ul> <li id="aaa"><a href=""><span>aaa</span></li> <li id="bbb"><a href=""><span>bbb</span></li> <li id="ccc"><a href=""><span>ccc</span></li> </ul> </div> div#sidebar { width: 245px; float:left; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; } div#sidebar ul li a { display: block; } div#sidebar ul li a span { position:absolute; width: 0; height: 0; overflow:hidden; } ul li#aaa a { width: 245px; height: 60px; background-image:url(image/aa.jpg); background-position: 10px 20px; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; } ul li#bbb a { width: 245px; height: 60px; background-image:url(image/bb.jpg); background-position: 10px 20px; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; } ul li#ccc a { width: 245px; height: 60px; background-image:url(image/cc.jpg); background-position: 10px 20px; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; }
- ベストアンサー
- CSS
お礼
ありがとうございます