Hi Steve,

If done like that though, wont the 4 corners also scale as the size is
increased?  I want the 4 corners to be the same size where the whole thing
is 100 x 100, or 500 x 500.

Andrew. 

-----Original Message-----
From: Steve Frost [mailto:[EMAIL PROTECTED] 
Sent: Friday, March 03, 2006 4:11 PM
To: Andrew Glover; css-d@lists.css-discuss.org
Subject: Re: [css-d] Trouble implementing CSS Layout design

I can't help but think that you are making this overly complicated.

Wouldn't this be simpler?

<div id="box">
  <div id="top"></div>
     <div id="content">
     <p>text text text</p>
     </div>
  <div id="bottom"></div>
</div>

then style it so that
#top has the top of the box image set as background #content has the
gradient as a vertical background image, repeat-x, and then the yellow as a
background colour.
#bottom has the bottom of the box image set as background.

Steve


Andrew Glover wrote:
> Hi,
>
> Im hoping someone or some people can help me on my first try of a CSS 
> Layout.
>
> What I am trying to re-create in CSS Layouts is an Image I originally 
> drew
> here:
>
> http://www.ajglover.net/CSS/Image.jpg
>
> So far what I have come up with is this:
>
> http://www.ajglover.net/CSS/Temp.html
>
> There is three problems here...
>
> 1) The image backgrounds of #MiddleLeft or #MiddleRight do not repeat, 
> or even show up  (they should repeat for the height of of #RowMiddle - 
> which should be resized by setting the height of #StickyNote).
>
> 2) How do I set the gradient as a background and scale it, while still 
> having text on top (that can be editable)?
>
> 3) The display is *completely* broken in IE.
>
> Thanks!
>
> Andrew.
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED] 
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- 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/
>
>
>   

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to