Home/ Questions/Q 522429
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T08:21:11+00:00

<body> <div id=wrapper> <div id=title></div> <div id=mainimage> <img src=mainimage.jpg /> </div> </div> <div style=width:50%;>

  • 0
<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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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.

    • 0