|
User Details |
message
|
|
Jordan Beckett
post date:
2011-05-04 22:09:05
|
|
Hi all!rnrnI'm a first time inquirer -- I've gotta say, this is SUCH a useful tool. What a time saver!rnrnI'm sure the solution could be hand-coded with a workaround, but I wanted to check to see if there is an easier way. Here's the scenario:rnrnI have a 3-column layout, the outer 2 DIVs are just structural/aesthetic. They contain a repeat-y background which is a shadow on either side of the main content. As the main content grows in height past the min-height specs, the outer two siblings grow (so it seems in debug mode), but they don't repeat their backgrounds past the min-height.rnrnIs there an easier way to get this done? I'm open to input, nothing will hurt my feelings. I'm new to this design/development thing.rnrnhttp://the-flipside.com/wow.ziprn*I added a # to the URL on the background and changed bgcolor to red and the images in the center column are just proposals for content, we're still working on how we want the site to act inside of the design.rnrnThanks for the help and input!rnrnAll the Best,rnJordan
|
|
|
Jordan Beckett
post date:
2011-05-04 22:12:50
|
Hi all!
I'm a first time inquirer -- I've gotta say, this is SUCH a useful tool. What a time saver!
I'm sure the solution could be hand-coded with a workaround, but I wanted to check to see if there is an easier way. Here's the scenario:
I have a 3-column layout, the outer 2 DIVs are just structural/aesthetic. They contain a repeat-y background which is a shadow on either side of the main content. As the main content grows in height past the min-height specs, the outer two siblings grow (so it seems in debug mode), but they don't repeat their backgrounds past the min-height.
Is there an easier way to get this done? I'm open to input, nothing will hurt my feelings. I'm new to this design/development thing.
http://the-flipside.com/wow.zip
*I added a # to the URL on the background and changed bgcolor to red and the images in the center column are just proposals for content, we're still working on how we want the site to act inside of the design.
Thanks for the help and input!
All the Best,
Jordan
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2011-05-05 05:01:55
|
Hello Jordan,
You can't keep the three columns at the same height by using min-height. You would have to use "height" but then the container won't get taller along with the content.
A more elegant way to do this is to drop the two "wing" columns and just place the shadow on the content_wrapper element. Make a single image that has the two shadows on the sides and place it as a background image for the wrapper. The wrapper will grow by default when the content_main column gets taller because its a parent div not a sibling.
Regards,
Andrei Rinciog
|
|
|
Jordan Beckett
post date:
2011-05-05 14:51:52
|
Andrei,
Thanks for the advice! I'll give that a go and compensate by side margins within the DIV element. I SO appreciate your help.
All the Best,
Jordan
|
|
