2


0

あなたは私に完璧なリキッドレイアウトを持つウェブサイト(できればフォーラム)を見せてもらえますか(ブラウザウィンドウがリサイズされてもまったく壊れない) 見てよかったのに…

繰り返しますが、絞られても邪魔にならず、拡大されてもそれ自体の幅に制限がないWebサイトは、Web上のどこにありますか。

あなたはそれについて心配したことがありますか? それともあなたが気にする脂肪が多い? '原因私は、人気のあるWebサイト(ポータルであっても、私は名前をつけるつもりはありません)がこの問題を抱えていることを理解しています(私はそれがあると考えているので)。

まあ、私はあなたのコードが左側にあるアバターのためのものであること、そして右側にあるユーザーの情報を見たいです。 この絵を見て私が何を言っているのか理解してください:savepic.ru/780576.png

3 Answer


2


これが多くの場所で壊れている主な理由は、それが基本的なレベルで壊れていることです:CSSは実際には流動的なレイアウトをサポートしていません。 それに加えて、すべてのブラウザとすべてのブラウザのすべてのバージョンでCSSが少し異なります。

その結果、高給のWebデザイナーでさえそれを正しく行うことができません(または、誰かが今では解決策を考え出しており、誰もがそれを使用しているはずです)。

唯一の希望は、ブラウザ開発者がついに彼らの製品を Acid3テストに準拠させることに同意することです。 しかし私がこれを書いているとき、私のFirefox 3.5.1はたった92%しか得られません。 WebKit(SafariとGoogle Chrome)とOperaは100%フルに行きます( この記事を参照)。

私は個人的にこれをあきらめました、そして、IE 7が 一般的な使用法チャートで5%を下回るまでこのトピックを再検討しません。 (IE 6はログとして死んでいますが、それでも12%を得ています)。


1


http://www.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/[Smashing Magazine]に投稿があります。流動的なレイアウト。 良い例や説明を見つけるためにそこを探してみてください。

彼らの例から私のお気に入りの一つは Vivabitです。

個人的に私はまだそれについて心配しているわけではありませんが、ネットブックやモバイルブラウザの台頭により、おそらくそうすべきです。 ただし、モバイルブラウザには異なるレイアウトを使用する必要があると私は考えていますが、すべてのブラウザに同じ機能を提供する可能性を検討するのは興味深いことです。


0


さて、 Slashdotは左右に固定幅の列を持つ完全に流動的な中央の列を持っています。 私が見ることができる限りそれは幅を制限しない(私の1900x1200モニタでテストされた)。

メインページのフォーラムではありませんが、記事へのコメントはそのようなものです。 あなたが探しているアバターの例はありません :(