0

私は、Dreamweaver の標準的な可変レイアウトを使用してみて、デスクトップ デザインで 10% の列幅と 24 列で変更しました。div 内に div を作成しようとしました (ご容赦ください。私は Dreamweaver の初心者です)。テキスト ボックスの制約を外側の div 内に設定しましたが、作成できませんでした。その面での解決策。

テキスト ボックス自体のパラメータを設定しようとしましたが、% v. px の競合のため、それも機能しません。流動的なレイアウトでは、サイズ変更を機能させるために % を使用しています。

本質的に、問題は、テキスト ボックスの垂直方向の制約を、画面サイズが変化したときに比例するように設定できることにあります。Dreamweaver のデザイン モジュールで幅の制限を設定するだけなので、水平方向は問題ありません。

ある種のJavaScriptを介して設定する必要があると考えています。私は Java について何も知りませんが、Java を構築した人からコードを抜き取り、サイトにプラグインすること以外は何も知りません。

この投稿のとりとめのない性質で申し訳ありませんが、それが理にかなっていることを願っています.

4

1 に答える 1

0

I was helping you in your other question regarding jQuery and I decided to snoop around and found this question. I understand you want a fluid height for a text box in a column. That can be achieved like this:

CSS:

/* 
   In order to use width/height: 100% on the body and html
   You need to remove the margins and padding on them, otherwise
   you'll see a vertical and horizontal scroll bar, which is awful.
   This way, it removed margins and paddings on everything, ultimately
   leading to better styling overall. 
*/

*
{
    margin: 0;
    padding: 0;
}

body, html
{
    width: 100%;
    height: 100%;
}

/* Create a wrapper to base all other %-based measurements off of. */
#wrapper
{
    width: 100%;
    height: 100%;
}

/* The column that the textbox will be inside */
#someColumn
{
    width: 50%;
    height: 50%;
    margin: 5px;
    padding: 5px;
}

#someColumn textarea
{
    width: 25%;
    height: 50%;
    /* The textbox will now be 50% the height of #someColumn */
}

HTML:

<body>
    <div id="wrapper">
        <div id="someColumn">
            <textarea></textarea>
        </div>
    </div>
</body>

Here's a jsFiddle to see what it looks like

于 2013-03-30T09:32:48.303 に答える