Shanghai Jim (shanghai_jim) wrote in s2expressive,
Shanghai Jim

Image stays at right, flexible column width?

Hi, I'd appreciate some help. I want to keep an image in the background on my current journal on the right side of the browser window, beneath the sidebar which I keep on the right, but extending all the way from the top to the bottom.

Currently, I'm using:

#container {background: #664226 url("") top right fixed no-repeat;}

#header-inner {250px;}

As you can see, I currently have the image as a background to #container, and I haven't altered the page width or the width of the columns. The image is not as wide as the window, it's just placed to the right.

Ideally, I'd like to keep the look as I have it now, but with #alpha either having a relative width, or at least have the entry text more or less centered in the brown background column, while the sidebar is generally located over the background image. Anything from conceptually elegant solutions to quick fixes would be great!

EDIT: I've put on a quick and workable fix by setting a right margin to #asset-inner. But I'd still love to hear more elegant approaches.

EDIT2: Sorry, forgot: I'm using Safari 3.2.1 on a Mac, and have a paid account.
Tags: page:backgrounds, page:size
  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened