Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jan 2004
    Posts
    7
    Member #
    4608
    Hi folks,

    Here's the comp that I'm trying to port over as strictly css/xhtml:
    http://www.buyblue.org/stg/images/layout1c.gif

    username:buyblue
    pass:letmein

    It's a comp built to fit an 800x600 resolution, however I'm developing it to be a liquid site.

    And here's the ongoing attempt:
    http://www.buyblue.org/stg (same user/pass if you need it)

    As you can see, it's a work in progress.

    Here's the basic structure of what's going on:

    <div id="container">
    <div id="header"></div>
    <div id="leftimg"></div>
    <div id="content_container">
    <div id="sidebar-left"></div>
    <div id="main"></div>
    <div id="sidebar-right"></div>
    </div>
    <div id="rightimg"></div>
    </div>
    <div id="footer"></div>



    Anyways, here's my problem. I need to have the outer glow running down the sides of the content_container, so I created the leftimg and rightimg divs to have a bg image of each respective sides glow. Set them both to 25px, and I'm getting nothing here. Even if I did get it to work, I think this workaround would be a problem because it wouldn't stretch down to the size of the content_container div.

    Since this is an elastic design, the faux background trick won't work, obviously, and I can't find anything on the web that even remotely touches on something like this.

    Help would be much appreciated!

    -jack

  2.  

  3. #2
    Senior Member Stylise's Avatar
    Join Date
    Jul 2005
    Location
    Mount Martha, Australia
    Posts
    229
    Member #
    10679
    what about another div around <div id="container"></div>? which would have the left side of the border as it's background image

  4. #3
    Junior Member
    Join Date
    Jan 2004
    Posts
    7
    Member #
    4608
    Quote Originally Posted by Stylise
    what about another div around <div id="container"></div>? which would have the left side of the border as it's background image
    thats basically the workaround I've figured out.

    however now i have like a 15px space between the header and the container in IE... where they should just butt up against each other.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:40 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com