Help - Search - Members - Calendar
Full Version: Could somebody amazing please help me?
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
Leah Payne
I am so frustrated. sad.gif

I am trying to build a simple site to sell crafts made by kids. I designed an image in photoshop for our background (a lemonade stand), and I would like to create a transparent scroll box inside the window of the lemonade stand to feature the images of the crafts. I finally figured out how to get my image to take up the entire browser no matter how big it was, but I can't figure out how to put my content in a fixed location - one that also shrinks when people view from a different browser/window size.

my website:

This is the code I have: I use dream weaver, but I didn't use a template for this site because I couldn't get all of the sidebars/headers/body/footers/etc to not be a huge mess.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">

<img src="" alt="background" id="bg" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Our Little Lemonade Stand</title>
<style type="text/css">
img#bg {

div#content {
  width: 100%;
  height: 100%;
#content {
  position: relative;
  top: -30em;
  z-index: 1;
  width: 100%;
  height: 100%;

body {

<div id="content"> I need my content in the window of the stand, not here. :(



Please help sad.gif
Darin McGrew
I think a better approach would be to build the lemonade stand as a variation of the custom border/corners design described here:

That would adapt to various sizes of browser window without the headaches of positioning content on top of a background that is being rescaled in various unpredictable ways.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2015 Invision Power Services, Inc.