2011-07-19 14 views
0

私のページの設定方法は、ページの70%(幅:70%)のようなページを中心とする1つのdivを持ち、そのdivにはテキスト付きのバナーがあります(p要素内)とテーブル。このバナーはテーブルと同じ幅になるはずですが、幅を設定すると、バナーとテーブルの幅をコンテナdivの100%に設定しました。ブラウザを水平方向に縮小すると、テーブルは同じサイズのままですが、バナーは左に縮んで見えます。そして、もし私がブラウザを汚くしてテキストの中の最大の単語よりも薄いなら、テキストはバナーからすぐに出ます!どのように私はこのような何かを修正するには? (注:最後の文がおいしい水生鳥、ない冒涜と呼ばそれはタイプミスではありません。。)CSSの幅の問題:

+0

あなたの質問にもっと時間を費やすと、私たちは時間をかけて回答します。 – zzzzBov

+0

??私は私の質問をきちんと説明したと思った。 – duxdrivingtruxinatux

+0

ようこそ、[faq](http://stackoverflow.com/faq)をお読みください。コードを追加すると、作業内容を確認できるようになります。あなたが見たいもののイメージを追加した方が良いでしょう。 – zzzzBov

答えて

0

テーブルの問題についてワードプロパティを与える割合で

<table width="100%"> 

が幅を与え、ようにあなたがシャルクするとテキストが壊れます。

word-wrap: break-word; 
0

(ファイヤーフォックス)ここでは細かい作品:

http://jsfiddle.net/W9e2A/1/

tableはそれが縮小停止しますその時点で、その内容のサイズに縮小します。これにより、バナーが縮小し続け、tableが醜い(テキストが流出する)ようになります。

divmin-widthtableの最小幅に設定すると、問題が解決するはずです。サイドノートとして

あなたはタブ譜データ以外のもの(例えば、レイアウト)のためtableを使用している場合は、あなたの代わりにdivさん/ span年代の使用を検討すべきです。