2011-12-06 4 views
0

私は現在新しいウェブサイトを作成していますが、画面の100%に合うようにdiv IDを割り当てたいと思いますが、何かを250pxの幅にしたいこのdivの右私は幅をしようとしています:100% - 120pxしかし、何も違いはありません。これどうやってするの。div - ピクセル数

ご協力いただきありがとうございます。

+1

DIVは100%高くなければなりませんか? –

+2

幅を250pxにしたいので、120を引いてみますか? –

答えて

1

右に250ピクセルのdivが必要な場合は、最初のdivを画面の100%にしないでください。 2番目のdivの幅を250pxに設定し、1番目のdivの幅をautoに設定し、残りのスペースを埋めるようにします。

+0

なぜ、私はそれを考えなかったのか分かりません。あなたの助けをありがとう、素晴らしい仕事 – Boardy

0

%からピクセルを差し引くことはできませんが、これはあなたの答えではありませんが、まずはCSSの基礎を学ぶことをお勧めします。そうしないと、どのように動作するのかわかりません。ここで

は、レイアウト例やチュートリアルの多くの優れたウェブサイトです:CSS標準のhttp://www.maxdesign.com.au/articles/css-layouts/

http://www.w3schools.com/

あなたの特定の状況に関する限り、間違ったアプローチを取っています。あなたが100%から幅を引くことができるようにしたいなら、あなたはこの目標を達成するためにJavaScriptを使うことができます。 jqueryを使用すると、次のようなことができます。

$("#div").width($(window).width() - 125); 

ただし、ウィンドウのサイズが変更されても機能しません。ウィンドウのサイズが変更されたときにサイズ変更イベントを追加してdivのサイズを変更することはできますが、これは扱いにくく、時間がかかるようです。あなたの最善の策はCSSの実装を使用することです、あなたの質問はかなり曖昧ですが、あなたはサイドパネルで2列のレイアウトを記述しているようですが、私は間違っている可能性があります。 2列のレイアウトの場合は、主なコンテンツを液体または静的にするかどうかなど、さまざまなオプションがあります。

私は液体がより有益だと思います。

レイアウトを作成するためにjqueryレイアウトをお勧めします。 javascriptを使用して、素早いレイアウトを作成するのはとても簡単です。ここでhttp://layout.jquery-dev.net/

はあなたのソリューションです:http://jsfiddle.net/Z3nfv/1/

関連する問題