リンクは後で追加。 yui grids.cssとultimate-2-column-left-menu-pixels.htm etc...の比較 ultimate-2-column... 完全な段組レイアウト サイドバーとメイン部分の見かけの高さを同じに出来る(両方に別の色をつけても両方ともフッター部分までつけた色になる…

いろいろ試行錯誤の末、以下のようになった。 FireFox2.*,IE7ではほぼ完璧。IE6、safariとかoperaとかは見てない。 横スクロールが必要な場合は多分javascriptでガリガリ書かなければ無理。あと長い英数字はFireFoxでどうにもならないのでhiddenにした。適宜…

言ってみただけ。

・theadにposition:relativeを指定する方法 yahoo uiのdata tableが使う手。だがborder:collapseにしたらthのborderが消える。 firefoxでは？・theadのposition:abosolute firefoxだとなんかうまくない。 IE6はなんだか不安定になる。・tableの外にヘッダを…

素直に考えてpadding:5px;width:100%とやってしまうとどうやってもはみ出す。 bodyに置くのは以下 <div class="padding"> <div class="border" style="border:2px solid red; "> <div class="contents" > contents<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </div> </div> </div>スタイル div{ margin:0; padding:0; } div.padding{ padding…

display:inline-blockを使いたい。IE6では対応しているがFireFox1.5*はまだ。 はやく対応してほしい。 inline要素に幅は不要、ってなんだかいやです。

要素を一定の幅で並べつつ、時々発生するイレギュラーなサイズの要素を折り返さず全て表示する方法。http://d.hatena.ne.jp/ghostbass/20060904/1157352312 では「なんか無理っぽい」としたけど html -- <div class="checkbox"> <span class="checkbox_control"><input type="checkbox" /></span> <span class="checkbox_label"><label>label</label></span> </div> css -- .checkbox { float…

チェックボックスをこんな風に [□]選択肢 [□]選択肢 [□]選択肢 [□]選択肢 [□]選択肢 [□]選択肢 [□]選択肢 [□]選択肢 [□]選択肢 並べたいとしても、firefoxだと「テーブルタグを使わずに」まともに並べる方策はない。 すべての選択肢のラベルが同じ文字数、長…

こういうテクニックがある http://www.stylish-style.com/csstec/ultimate/fix-foot.html IEだと解説どおりでうまくいくが、firefoxではびみょーにずれる。何か足らない。 *{ margin:0; padding:0; }これが必要。

自分のサイトのデザインをあれこれ考えているわけですが。 フォントサイズはユーザーの見やすいサイズを使わせたい。 しかし、ポップアップダイアログなんかを表示したいときは全てをpixelサイズにしないとタイトル部分、コンテンツ部分のサイズの計算が出来…