Divs, absolute positioning, white space_问答_开发者

开发者 https://www.devze.com 2022-12-14 18:00 出处：网络

相关专题：css

<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.