Sent by Elli Vizcaino on 27 June 2007 21:09
It would help if I could see the actual HTML/CSS.
Do you have links you can point to?
Elli
--- Shelly [EMAIL-REMOVED]> wrote:
> Hey all -
>
> I'm hoping that all I need is a fresh set of eyes
> here. I'm trying to
> accomplish a layout that I'm having a *slight* issue
> with. I can
> *almost* get it exactly how I want it, but "almost"
> means "no cigar".
>
> So, here's a small graphic of what it should look
> like:
>
> http://anekostudios.com/test/ex.jpg
>
> At first, it seems simple enough: a 2 column fluid
> layout, left and
> right at 50% width and 100% height each, and staying
> that way no matter
> how you resize the browser.
>
> But the thing is, I have some interesting attributes
> added to this that
> are making it difficult to accomplish: the gradient
> background between
> the two columns, the striped gradient that overlays
> the right, and the
> no-repeat background on the left.
>
> On their own, I can do many of these things. For
> example, for the
> gradient on the right, I would set the plain striped
> background as the
> div background, and then have another div (100% in
> width and 600px
> height with a z-index of 0) that would hold the
> gradient, so if the
> browser is resized the "solid" will fill out the
> bottom area. But the
> drop shadow is what's getting me - I can't seem to
> work that in with the
> multiple layers.
>
> As I said, I *almost* have it using some rather
> unorthodox methods (that
> I haven't had a chance to check in multiple browsers
> yet, and it'll
> probably fall apart you-know-where, but I'm keeping
> my fingers crossed)
> - but these methods seem to show that the "html" and
> "body" have a
> difference of about 21% at the bottom - meaning my
> striped background
> cuts off leaving quite a bit of white space beneath
> it, instead of
> stretching to 100% in height.
>
> My eyes are going blind from trying little things to
> see if they work,
> and I was wondering if some secondary input might
> not help me out here.
> I've tried so many variations on the theme that
> supplying you all with
> one example of what I've done is just to little to
> go on - so instead, I
> was hoping someone could offer up an idea on how
> *you* would do this.
>
> For the record, content will be in both sides, the
> the left will hold a
> small navigation menu, a logo and a small flash
> animation (for aesthetic
> purposes only - it's just "pretty" stuff, nothing
> important).
>
> So am I trying to do something absolutely insane
> here, or is this
> possible to do? I'd appreciate any insight you all
> may have for me :)
>
> ~Shelly
>
______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information --
> http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
>
My Sites:
www.jadynteal.com
www.eliazer.com
www.e7flux.com
____________________________________________________________________________________
Got a little couch potato?
Check out fun summer activities for kids.
http://search.yahoo.com/search?fr=oni_on_mail&p=summer+activities+for+kids&cs=bz
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
