0

Fireworks でページをデザインし、それを CSS スライスで Dreamweaver にインポートしました。中央のスライス (indexr3c2) のコンテンツがページの下部からはみ出しても、最後のスライス (indexr4c1) がページの下部に留まるようにしたいのですが、私が行った方法でこれが可能かどうかはわかりません...ここに私のコードがあります:

    <html>
    <head>
    <title>index.gif</title>
    <meta http-equiv="Content-Type" content="text/html;iso-8859-1">
    <meta name="description" content="FW MX CSS Layer">
    <style type="text/css">
    #indexr1c1 {
position:absolute;
left:0px;
top:0px;
width:955px;
height:143px;
background-image:url(index_r1_c1.gif);
    }
    #indexr2c1 {
position:absolute;
left:0px;
top:143px;
width:955px;
height:56px;
background-image:url(index_r2_c1.gif);
    }

    #indexr3c1 {
position:absolute;
left:0px;
top:199px;
width:185px;
height:326px;
background-image:url(index_r3_c1.gif);
    }
    #indexr3c2 {
position:absolute;
left:185px;
top:199px;
width:608px;
height:326px;
background-image:url(index_r3_c2.gif);
    }
    #indexr3c3 {
position:absolute;
left:793px;
top:199px;
width:162px;
height:326px;
background-image:url(index_r3_c3.gif);
    }
    #indexr4c1 {
position:absolute;
left:0px;
top:525px;
width:955px;
height:75px;
background-image:url(index_r4_c1.gif);
    }
    </style>
    </head>
    <body bgcolor="#ffffff" >
    <div id="indexr1c1"></div>
    <div id="indexr2c1"></div>
    <div id="indexr3c1"></div>
    <div id="indexr3c2"></div>
    <div id="indexr3c3"></div>
    <div id="indexr4c1"></div>
    </body>
    </html>

返信ありがとうございます:)

4

2 に答える 2

8

上からの位置を指定する代わりに、に設定しposition:fixed、下の距離を。に設定し0ます。

​#bottom {
    position:fixed;
    bottom: 0;
}​

デモ

于 2012-06-19T18:09:42.133 に答える
0

<div style='position:absolute;'>画面下部で座標を 設定して与えます。W3Schoolsには良い例があります。

于 2012-06-19T18:03:59.373 に答える