Results 1 to 5 of 5
Thread: CSS 3 Column Layout Problem
-
07-23-2005, 08:21 PM #1New Member
- Join Date
- Jul 2005
- Posts
- 2
CSS 3 Column Layout Problem
I am customizing as oscommerce site for a client. They want the same image to "hug" both the left and right sides of the content. I have been trying with css all day to accomplish this to no avail. The body is currently held inside a div named container to set the width. I have tried to set the left and right colums as their own div tags but they just don't seem to want to cooperate. I'm not the expert at using CSS so any help would be greatly appreciated.
I am not allowed to post a link to the site yet. demonspeedshop.com/shop
-
07-23-2005, 08:31 PM #2Web Hosting Evangelist
- Join Date
- Jul 2002
- Location
- Orlando Florida
- Posts
- 538
im trying to figure out what your asking by looking at this example....
ummm maybe AIM (syphon2k3) me ..i will only be on for about 45 more minutes though....Last edited by cedwards; 07-23-2005 at 08:35 PM.
-
07-24-2005, 07:05 AM #3Newbie
- Join Date
- Jul 2005
- Location
- Canberra
- Posts
- 10
Re: CSS 3 Column Layout Problem
Originally posted by makatozi
They want the same image to "hug" both the left and right sides of the content.Clayton Shears-Jones
Insomnia Host - Australian Web Hosting, Design & Maintenance
-
07-24-2005, 10:56 AM #4Retired Moderator
- Join Date
- May 2004
- Location
- Pflugerville, TX
- Posts
- 11,231
To put the same background down two sides of a specified area, simply nest the area inside two parent containers, set the background for each one, and apply margins to the body so the content doesn't overlap the backgrounds. Piece 'o' cake
Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design
-
07-24-2005, 11:31 AM #5New Member
- Join Date
- Jul 2005
- Posts
- 2
Yeah it's the flames. My quick fix for now was to enlarge the background image and just allow the CSS to let it repeat. The size of the image is such that it will not show borders regardless of size of screen. I tried to nest containers but that did not work properly. I am not near an expert with CSS so this experiment will have to continue. For now the results I have obtained are acceptable.