Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hi,
I am trying to find out out if it is possible to combine the effects of these two pages.
http://yanwhite.com/staging/STN/LTT-index.php
http://yanwhite.com/staging/STN/LTT-index-test.php
index is the page layout as I would like it, but [I]combined[/I] with the background of index-test.
CSS3 multiple backgrounds are out due to limited compatibility.
I have tried using a z-index, but as far as I can make out from the w3 site, z-index only works on 'positioned' (not floated) elements. Is this the case?
Due to the elasticity of #leftChunk's content, my cloud background also has to have an elastic 'middle section and left and right parts floated left and right.
There does need to be some overlap of the content and left & right backgrounds.
CSS is here:
http://yanwhite.com/staging/STN/css/LTT.css
http://yanwhite.com/staging/STN/css/master.css
Can anyone think of a better solution to this problem, or a way to get z-index working with floats on both layers? -
the answer is three divs wrapping the whole content.
ie
<div id="wrapper1"><div id="wrapper2"><div id="wrapper3">
all content
</div></div></div>
then you just need to apply an image to wrapper1 and position it top right
then you just need to apply an image to wrapper2 and position it top left with a repeat-x
then you just need to apply an image to wrapper3 and position it top left
only put a width on wrapper1 -
Yes!!
Thank you so much :)
1 to 3 of 3