- ベストアンサー
%（パーセント）での3カラム構成・・・飛び出ます。
apple_banananaの回答
- apple_bananana
- ベストアンサー率57% (4/7)
合計値をきっちり100％に指定すると、指定した％値をその画面に合わせたピクセルの値に変換する際に、端数が生じてカラム落ちする事があります。 この為、100％ではなく97％など、若干小さめに作る方が良いようです。
関連するQ&A
- CSSのフロートを使ったレイアウト割
CSSのフロートを使ったレイアウト割で質問です。 あるボックス（仮に100px）を真横に並べる時の事ですが、 いつもは<p>なり<div>なりにCSSでフロートleftで詰めていました。 間隔を空けるためにマージンで10pxとったとして 100px+10pxで110pxのものが5つ 550pxの幅になります。 ただ、最後のボックスにはマージンを付けたくありません。 ■がボックス、□が間隔の10pxだとして ｜ バナー ｜ ■□■□■□■□■ ■□■□■□■□■ ■□■□■□■□■ ｜他のコンテンツ｜ こういう風にしたいんです。（この例でいうと540pxにおさめたい） 左と右が端にあって等間隔でそろっている。 どんどん下にも追加していったり消したり、つめていくので 一番右の最後にだけ別のCSSを付けるわけにはいきません。 どんどん左詰めで詰まって行く コンテンツを作りたいのですが、このやり方だと出来ないですよね。 あまり使わないんですが こういう場合って <ul>とか<il>とか使うんですか？ やり方があったら教えて下さい。
- ベストアンサー
- HTML
- 【CSS】左右可変、中央固定の３カラムレイアウト
ボックス３つを横一列に、 center：画面中央配置、幅は900px固定 left：残りの左領域全て（幅可変） right：残りの右領域全て（幅可変） というレイアウトをしたいのですが、CSSでの指定方法が解らず困っています。 ２カラムや左右固定・中央可変の３カラムレイアウトは様々なサイトで解説されているのですが、 このパターンは中々無いようで見つかりませんでした。 良い方法をご教示いただければと思います。 宜しくお願いします。
- ベストアンサー
- CSS
- ホームページビルダーの操作 (ページの構成)
ホームページビルダーのバージョン10を使っています。 yahooのトップページのように、ページの左右に均等な余白を設けたいのですがその場合は左、中央、右でそれぞれレイアウト枠を設置してその中でそれぞれ作成するのでしょうか？ それともフレームで分けるのでしょうか？ よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ホームページを中央に配置（表示）したい
ドリームウィーバーを使っています。作ったDivタグを中央に配置したいと思い、cssルールで、「ボックス」の「マージン」の左右をautoにしました。すると、safariではうまく中央表示されるのですが、firefoxでは左揃えになってしまいます。どうしたらいいか、教えてください。
- ベストアンサー
- ホームページ作成ソフト
- 2カラムの左固定、右変動幅にするには？
CSS初心者です。 ページ幅に合わせて右カラムの幅を変えたいのですが 左カラムを固定にして右カラムだけ変動させるにはどのようにしたら良いですか? カラム全体をBOXで囲んで幅を決めてその中で 左カラムの幅を固定にして 右カラムの幅を100％としたところ 右カラムのフローティングが崩れて左カラムの下に表示されてしまいます。
- ベストアンサー
- CSS
- css3のcolumnプロパティの使用に関して質問です。
css3で2段組みを作りたいです。 左が200px、右が300pxになるようにするには、 どうすればよいのでしょうか？ よろしくお願いいたします。 そこそこ探してみたのですが、 左右のサイズが均等になる方法はいくらでもあるのですが、 左右のサイズが違う方法が見つかりませんでした。 そもそも実現不可能なのでしょうか？ よろしくお願いいたします。
- 締切済み
- HTML
- IE6に対応させたcssハックについて
cssベースでHPを構築しています。 ヘッダー、そしてメインブロックの中にレフトボックス、 ライトボックスを入れた２カラムです。 レフトボックスとライトボックスはフロートで調整しています。 ブロックにフロートを使うとIE6でマージンオートが適用されないという 話を聞き確認してみたところ、確かにIE7,ファイアーフォックスでは きちんと背景の真ん中にコンテンツが表示されているのですが、 IE6で見てみるとズレが生じています。 マージンオートが適用されず、左側にヘッダー、メインボックス全て くっついている状態です。 ハックを使うことがポイントのようなのですが、 IE6用にどのようにスタイルシートに記述すれば宜しいでしょうか？？ IE6しか読み込まない子供セレクタを使うというものもありましたが px指定してもパソコンの画面サイズでずれが生じるといったことは ないでしょうか？ cssに詳しい方宜しくお願い致します。
- 締切済み
- HTML
- ワード 表が中央揃えになりません
Word2003で表を作成中です。 A4の１ページにほぼいっぱいの表が水平に中央揃えにならなくて困っています。 表全体を指定してツールバーの中央揃え、また表のプロパティから表→配置→中央揃えにしても 印刷すると左が8mmの余白、右が6mmの余白となります。 たった2mm差ですが、見た目のズレは意外と目立ちます。 余白は左右とも5mmに設定してあるのですが、何枚印刷しても同じです。 幅は違いますが列は8列、行が36行の表です。 左揃えにして左端からのインデントを7mmにすれば、位置は中央揃えになるのですが、 今後のためにも正攻法で治めたいです。 よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
- フロートを利用した2カラムレイアウト
お世話になります。 HTML＋CSSにてサイト制作をしております。IE6のバグだと思うのですが、フロートを利用した2カラムレイアウトの段組みの間の空き具合をうまく調整することができません。なぜでしょうか？？ 形は、左右の2カラムで成り立っており、右半分に重要なコンテンツ部分（主にテキスト）、左半分にメニューをおいています。 【HTML】 <div id="wrapper"> <div id="right"> □□□□□□□□□□□□□□□□□□ □□□□□□□□□□□□□□□□□□(重要テキスト) </div> <div id="left"> □□□□□□□□□(メニュー） </div> </div> 【CSS】 #wrapper{ width:800px; background:url();←省略 } #right{ float:right; width:680px; } #left{ float:left; width:100px; } という感じです。それで、800px－(680px＋100px)＝20pxを左右の段組みの間に空きスペースとして確保したいのですが、IE6だとうまくいきません。 Firefox,safariなどでは、仕様通り左カラムは左に寄り、右カラムは右によるため、左右の段組みの間に20pxの空きが出るのですが、IE6だと左右の間にスペースはなく、かわりに右カラムの右(つまり、一番右）が空いてしまうのです。 floatを両方ともrightにして左カラムに右マージンorパディングを入れてみたのですが、今度はカラム落ちしてしまいます。 どうすれば、IE6で左右の間にスペースがある2段組みができるのでしょうか？？なにか根本的に間違ってるのでしょうか？
- ベストアンサー
- HTML