最大幅(パーセント)はIE 8またはFirefox 3では機能していないようです。特定のピクセル幅は問題ありません。何か不足していますか?CSS最大幅(パーセント値)
私は入力フォームを持っていて、その右側に説明テキストを表示したいと思います。しかし、私は、説明文がそのフォームを潰すことを望んでいません。
私は以前にmax-widthを使用していませんでしたが、それは優れた解決策でした。私はこの単純なCSSスタイルを書いた:
div.hint {max-width: 50%; float: right;}
その後、私は書いた:
<div class=hint>... hint text</div>
<form action=xxx method=post>
... etc ...
div.hintが左に深刻なフォームをカボチャ。
私はこれをフォームの代わりにテキストで試しました。 div.hintは画面の約95%を占め、左にわずかなマージンを与え、次に他のテキストが完全にその下にプッシュされます。
最大幅をパーセントから固定ピクセル数に変更すると、動作するように見えます。しかし、私はユーザーのブラウザのサイズを知らないので、ピクセルに基づいていません。
ドキュメントに記載されている内容にもかかわらず、パーセントがmax-widthで機能しないか、または何か不足していますか? Seanmonsterさんのコメントに応えて
:私はこのページを開くと
<html><title>Max width test</title>
<style>
.form {max-width: 75%; float: left;}
.hint {max-width: 50%; float: right;}
</style>
<div class=hint>
<p>Fourscore and seven years ago our forefathers brought forth on this continent a new nation, conceived in liberty and dedicated to the proposition that
all men are created equal. We are now engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated,
can long endure. We are met on a great battlefield of that war. We have come to dedicate a portion of that field as a final resting place
for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this. Etc.
</div>
<div class=form>
<table>
<tr><th>Label 1 <td>Value 1
<tr><th>Label 2 <td>Value 2
<tr><th>Label 3 <td>Value 3
</table>
</div>
</html>
:ここで、私は私が動作するはずと思ったものを示しているのではなく些細なく、完全なWebページをあげますブラウザでは、2つの列ではなく、「ヒント」divが幅の100%をとり、その下の「form」divが幅の100%を占めるdivを取得します。最大幅と幅の両方を「幅:50%」に変更すると、予想通り2つの列が得られます。どうやら、最大幅がどのように働くべきかについて何か不足しているのですが...私はそれを理解しません。
フロート。おそらくあなたは私たちに例へのリンクを付けることができたので、それが野生で起こっているのを見ることができます。 – seanmonstar
私はFF3.5.3でMacとPCであなたのサンプルコードを開きました。うまくいきました。私はあなたがIE 7で説明している動作を取得し、テストするための8つを持っていません。 – Emily
@Emily:私はIE 8を上に掲示する前に上記の例を試してみました。私はそれがFirefoxで動作するというあなたの言葉を取り上げます。しかし、私はFirefoxと同様に失敗した他の同様の例を試しました。だから、ここで根本的な原因を完全に免れていないようです。いずれにしても、少なくともIE 7、IE 8、Firefox 3で動作するものが必要です。おそらく最も人気のあるブラウザです。 – Jay