Divs, absolute positioning, white space
<body>
<div id="wrapper">
<div id="title"></div>
<div id="mainimage">
<img src="mainimage.jpg" />
</div>
</div>
<div style="width:50%;">
content here...
</div>
</body>
http://susiebushphotography.com/about.html
thanks to开发者_如何学编程 the community here im starting to learn not to use absolute positioning- but this layout was done by someone before i started here-- so is there an easy way to remove the white space below the lion so i can use this as the ABOUT page? or do i have to redo the entire CSS layout?
thanks
Try replacing the original with this to remove the space below the lion,
#wrapper {
position:relative;
margin: 0 auto 0 auto;
width: 685px;
}
#title{
position:absolute;
top: 15px;
width: 235px;
height:265px;
background-image:url(title.jpg);
background-repeat:no-repeat;
display:block;
}
#mainimage{
position:absolute;
top: 15px;
left: 235px;
width: 450px;
height:265px;
display:block;
}
This is just a quickfix kinda stuff, and a work around.
Notice: Only tried on FF 3.5.6.
加载中,请稍侯......
精彩评论