問題タブ [centering]

divに適用できる関数を作成しようとしています。その関数を、垂直方向と水平方向の両方で、その親の中央に配置します。

センタリング機能を汎用化しようとしているので、センタリングコードを書き直し続ける必要はありません。

JQUERYを使用して、センタリングを最も簡単にするために何をしますか。

背景：phpからテーブルベースのギャラリーを自動的に生成する写真のショッピングカートを使用しているため、柔軟性が制限されています。私も初心者です。

問題：ギャラリーは、コンテンツに高さが適応するテーブルセルを配置します。水平方向のサムネイルの完全な行がある場合、テーブルセルは短く幅が広く、行に垂直方向のサムネイルが含まれている場合、セルははるかに高くなります。セルをすべて正方形にし、サムネイルを真ん中に配置します。

スタイルシートの入力CSSと、HTML入力の小さなセクションにアクセスできますが、このHTMLは個々のサムネイルテーブルセル内に挿入されます。メインテーブルのHTMLを編集するためのアクセス権がありません。firebugを使用して、多くのコンポーネントのクラス名とID名を発見しました。

私が試したこと：固定サイズのDIVを挿入しようとしましたが、テーブルは実際の画像で占められていない垂直方向のスペースを消費します。180px x 180pxの透明なPNGファイルをdiv（適切なサイズのセルを強制するように機能します）に挿入してから、サムネイル画像（150px x 150px）を別のdivに入れて、z-indexing、relativeを混乱させてみました/絶対位置などですが、2つのdivを積み重ねることはできませんでした。絶対配置では、50個のサムネイルすべてが、テーブルセルではなく、常にページの左上隅に配置されます。現在、サムネイルdivは常にPNG divのすぐ下に表示されるため、テーブルセルが高すぎます。

スキルセット内のすべてを試し、グーグルを使い果たしたため、行き詰まりました。私が必要としているのは、テーブルセルを特定の高さに保つか、サムネイル画像をPNGの上にオーバーレイする方法を見つける方法だと思います。

これが私の現在のコードで、180x180 PNG（テーブルを正しいサイズに強制するため）を1つのdivに配置し、サムネイル画像を最初のdivの下の2番目のdivに配置しています。私は決してプロではなく、ただのいじくり回しであるため、私の怠惰を許してください！

個々のテーブルセルに挿入されたHTML

そして、私はこれらの追加のクラスとIDにアクセスできます。

wordpress でブログを書いていて、オブジェクトを中央に配置する必要があります。最も簡単な方法は何ですか?

画像をdivの中央に配置したい div は固定幅 300px です。イメージの幅は、実行時にのみ認識されます。通常は 300px より大きいため、画像を中央に配置し、左右にカットする必要があります。この場合、margin 0 auto は機能しません。

CSSのアイデアをありがとう

UPD この興味深いタスクはここでフォローされています

私はフラッシュベースのサイトを持っています。その上にjavascript（サイトのように水平方向に中央揃え）を使用して広告を配置したいと思います。

フラッシュサイトはすべて1つのフラッシュコンテナにあります。広告をホバーさせるために、フラッシュサイトに視覚的なギャップを残す予定です。

これを行うために必要なhtmlまたはjavascriptがわかりません。まだ検索中ですが、これはやや一般的なようです。

私はdiv（s）を使用すると思います

参照サイト：

http://www.charbythevampirate.com/shell.html?page=comics&comic=24

私はドロップダウンリストを作成していますが、アイテムの長さがかなり異なるため、すべてのアイテムの標準的な幅が奇妙に見えますが、とにかく奇妙に見えない方法でドロップダウンを動作させることはできません. ドロップダウンの順序付けられていないリストを親の中央に配置したいのですが、設定された幅を事前に決定する必要はありません。私はjsでこれを行う方法を見てきましたが、CSSだけでそれを達成する方法があるのだろうか?

hhttp://jsfiddle.net/QacGj/2/

2行目に折り返される順序付けられていないリストがあり、含まれているUL内で水平方向の中央に配置する必要があります。各LIは、設定された幅と高さです。1行で機能する多くのアプローチを見てきましたが、リストが2行目に折り返されている場合は、何も機能していません。これがIE7+で機能する場合は理想的です-助けてくれてありがとう。

イラストについては、こちらをご覧ください。

http://grab.by/8UIl

コンテナ div があり、中央の div 内に 3 つの div タグを配置したいと考えています。XHTML は正しいのですが、問題は div 内の 3 つの div を中央に配置することです。

コードを表示します。

XHTML 1.0 トランジショナル (HTML)

カスケード スタイル シート (CSS)

私がやろうとしていることの例を見るには、http://www.noxinnovations.com/portfolio/hfc/にアクセスしてください。

コンテンツ div 内でこれら 3 つのコンテンツ ボックスを中央に配置する方法を知りたいです。

どうもありがとう、アーロン・ブリューワー

左にコンテンツ div、右にナビゲーション div を含む中央のコンテナー div があります。コンテンツをスクロールしないように、nav divを修正したい。下の画像を参照してください。これは実行可能ですか？

片側に 200px の固定列 (メニューを含む) を持つ Web ページがあります。右側は可変幅です。右側は AJAX を使用して入力されます。デフォルトのページ (メニュー項目が選択されていない場合) では、会社のロゴが配置されている div ではなく、ページの水平方向の中央に配置しようとしています。これまでに試した CSS はどれも期待どおりに機能せず、ブラウザ ウィンドウのサイズが水平方向に変更されると、ロゴが中央から左または右に移動します。残った髪を失うことを恐れて、提案を探しています。

追加情報

2 つの列の CSS (Dreamweaver から) は次のとおりです。

sidebar1 列にはメニューが含まれています。右側の (メイン) 列は単純<div class="content"></div>で、メニューから選択された内容に応じてサーバーからコンテンツを受け取ります。このdivはもちろん、ページに対して中央の右側にありますが、ロゴをdivに配置したいのですが、ページの水平方向の中央に配置します。