0

我正在寻找一个自定义的 CSS 网页，但我很难让所有图片都显示出来，除非我将最小高度设置为 900 像素左右。索引代码如下所示，

<head>
<style type="text/css">
@import url("stylesheets/mystyle.css");
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Small Biz Labs</title>

</head>

<body>
<div class="wrap">
        <div class="conatiner" align="center">
                <div class="header">
                    <center>
                        <img src="images/logo.png" width="200" height="100" />
                    </center>
                </div>
                <div class="text">
                    <h1>Maybe a header</h1>
                    <p>some text</p>
                </div>
        </div>
</div>


</body>


</html>

CSS代码看起来像这样......

/* 
Document   : mystyle
Created on : Jul 18, 2012, 1:12:14 PM
Author     : someguy
Description:
    Purpose of the stylesheet follows.
*/

html {
background:url(../images/bodybackground.jpg) repeat;
margin:0px;
max-height:100%
}

body {
background:url(../images/paperbackground.jpg) repeat-y center;
margin:0px;
margin:0px;
max-height:100%;

}


.wrap {
background:url(../images/new_backdrop.png) repeat-x center bottom fixed;
margin:0px;
min-height:1050px;
}


.container { 
max-width:600px;

}

.header {
}

.text {
text-align:left;
max-width:600px;
padding-left:10px;
}

我试图让瓶子漂浮在我制作的两种纹理上。允许将文本/图像等放置在较小较轻的纸张纹理版本中。到目前为止，如果我将最大高度设置得足够大，我只能做到这一点。关于如何调整我的代码的任何建议？我正在使用的图像在我获得更多积分之前无法发布，但如果你想看到它们，请告诉我，我会向你拍摄 jpg 和一个 png（浮动的那个）。

如果你想看半直播版的 jsfiddle：http: //jsfiddle.net/wKtGv/

4

1 回答 1

0

尝试添加高度：100%；到 body 和 .wrap http://jsfiddle.net/wKtGv/13/

于 2012-07-26T05:38:19.023 回答