問題タブ [liquid-layout]

私は主題を達成する必要があり、本当に行き詰まりました。よりよく説明するために、取得する必要があるものの写真を掲載しました。

最初は s でやってみたのですが、Firefox では属性divのせいで全然違うように見えます。width私の主な関心事は IE8 の非標準モード (これは要件です) ですが、Firefox で多かれ少なかれまともに見えるようにしたかったのです。

次に、2列のテーブルでそれを実行しようとしましたが、IEではうまく機能し、Firefoxでもある程度うまく機能しますが、何らかの理由で、右の列のコンテンツが画面よりも広くなると、テーブルが収まらず、私のコンテンツはスクロールバーは表示されません。

また、コンテナを使用してStackoverflowに関する以前の投稿を見ましたfixedが、IE8の非標準モードでは機能しないようです。

これをどのように行うことができるかについてのアイデアを聞いてうれしいです.

良い一日を。Web ページで作業していますが、最大幅と最小幅の定義に行き詰まりました。基本的に、ほとんどの Web ページのように Web ページをズームアウトするときに、自分のページを中央に配置したいと考えています。専門家の助けが必要です.ASAPありがとう.

テキストのブロックが 1 つあり、それはギャラリーのレジュメです。

ギャラリーはリキッド レイアウトです。つまり、画面の幅に応じて、4 枚から x 枚の写真、たとえば 8 枚の写真を見ることができます。

私のクライアントは、テキストのブロックをこのレイアウトの幅とまったく同じにすることを望んでいますが、ご想像のとおり、画像はテキストのブロックとは別に行を変更します。

解決策が見えますか？これがコードです。うまく適合する場合は、多かれ少なかれ変更できます。重要な制限は、流動的な設計でなければなりません。

これがレイアウトです

http://timsegreto.com/cssmock/mock.html

右の列のテキストブロックに合わせてスクロールするには、背景画像が必要です。iveはさまざまな方法を試しましたが成功しませんでした。どんなアイデアでも大歓迎です。それが可能かどうか、またはそれを機能させるために何を研究するかはわかりません。

ありがとう！

http://staffanstorp.se/がコンテンツを流す機能をどのように備えているか知りたいです(その用語だと思います。間違っていたら訂正してください)。それに応じてタグも変更します。何かを見つけるのが難しいと感じたので、人々が答えを持っているときに他の人がこの投稿を見つけることができるようにします.

とにかく、私はこれを行う可能性のある jquery プラグインを求めて Web を探しています。上記のサイトはまさに私が必要としているものであり、助けてくれてとても感謝しています:D

私が見つけた唯一のものは、コンテンツに対してこのタイプの自動サイズ変更が行われたことですが、テキストに対してのみ、このサイトは多くのことを行います!

私はリキッドスタイルシートの作成に取り組んでおり、それは素晴らしい働きをします。私が気づいたことの1つは、Chromeのブラウザウィンドウが400ピクセル未満にサイズ変更されないことです。それは、そこに留まり、FFでは、縮小すると約400ピクセルで停止し、水平スクロールバーが表示されます。

携帯電話でサイトを開くと、320ピクセル前後で完璧に見えるので、400ピクセルよりも小さいスケールであることがわかります。

これがブラウザ/デスクトップのものであるかどうか、またはCSS以外のものを見る必要があるかどうかを誰かが知っているかどうか、私は興味がありました。min-width宣言がないので、何が原因かわかりません。

再びデスクトップでは、最小幅の約400pxに縮小して停止しますが、電話で開くと、電話画面のサイズである約320pxに拡大されます...少なくともなぜ勝ったのか不思議ですデスクトップでは320pxに縮小しないでください。

-編集-また、これが重要かどうかはわかりませんが、Operaではほとんど何にもスケールダウンできません...したがって、ChromeやFFではなくOperaで動作します...何かアイデアはありますか？

I was wondering what are you opinions about when coding css, when/why coding fixed or liquid style sheets?

I agree that fixed size style sheets are easier/faster to code because liquid requires more time in order to have all elements well adapting to their parents.

So, when do you chose liquid over fixed (or vice versa)? Why?

全て、

これは Firefox 関連の問題のようです (Opera と IE は試していません)。

リキッドレイアウトで100％の幅が与えられた「ul」の子があります。親の 'li' 自体の幅は、親の 'ul' の 33% です。

Chrome は、子の 'ul' の幅を正しく表示しているようです。つまり、その 100% は、親の 'li' の幅の 33% と同じです。ただし、Firefox は 'ul' 子の幅をビューポートの幅全体に広げます。

Jsfiddle: http://jsfiddle.net/g4VAd/2/

CSS:

私はこのコードを持っています: http://jsfiddle.net/VV9qJ/しかし、何らかの理由で、画像によって引き起こされた小さなピクセルエラーを修正できないようです。基本的に、特にブラウザ ウィンドウのサイズを変更すると、一部の画像の周囲に 1 ピクセルまたは 2 ピクセルの白い隙間がある場合とそうでない場合があることに気付くでしょう。ブラウザごとに、白いギャップのレンダリングもわずかに異なります。

レイアウトにギャップがあってはならず、ブラウザ ウィンドウを含め、すべてのコンテンツが互いに密着している必要があります。

さまざまなブラウザー間で常に画像が互いに密着していることを確実にする確実な方法はありますか? おそらくjQuery？私はたくさんのグーグルをしましたが、これについては何も見つかりませんでした。

これに対する修正はまだ見つかっていません。解決策が存在しないとは信じがたいですが、誰か助けてもらえますか?