Hello.
I uploaded this picture http://img529.imageshack.us/img529/2842/vorstellencopy.jpg (background and rounded rectangle are two layers). So far so good, working well. But I want the background to remain even when scrolling and the rounded rectangle to be split so it's height depends on the content being inserted. Which HTML code do I have to change?
So now it is
<div id="Layer-1" class="background"> <img src="Layer-1.png" alt="background" class="pngimg" height="" width="" /></div>
and
<div id="Layer-2" class="rounded rectangle"> <img src="Layer-2.png" alt="rounded rectangle" class="pngimg" height="" width="" /></div>
Best regards
Me
If you need more info, tell me.
But I want the background to
But I want the background to remain even when scrolling and the rounded rectangle to be split so it's height depends on the content being inserted.
means
1. You scroll down, but only the text content resp. rounded rectangle scrolls but the background remains static.
2. The rounded rectangle has a defined height in the layer. But it should change it's height depending on the content being inserted. At the same time the corners should not be distorted.
Re: But I want the background to
If you want the background to remain even and the content height dependent to remain constant I would highly suggest these layering names
_bodybg http://www.psd2cssonline.com/node/128#bodybg
_frame http://www.psd2cssonline.com/node/128#frame
_center http://www.psd2cssonline.com/node/128#cntr
Body back ground will keep a nice consistent flow; Frame will allow the content to expand with out distortion and depending on the format and alignment the Center will keep everything nicely positioned relative to your screen
I hope this helps!
Yeah, that's good help. In
Yeah, that's good help. In the meanwhile I started watching some tutorials - well done btw. - and having succeeded with the frame centering there is a repeating issue:
The background should not restart when scrolling down, so every time I scroll down there is yellow at the bottom and blue at the top. Repeating in x direction works flawlessly.
No repeating Background and Final Crop
If you use this function
http://www.psd2cssonline.com/node/128#bodybg
It should repeat no matter how long your content gets in your frame. Possibly you need to crop the back layers as well. There might be some things hanging in the background like an edge of an empty layer or something.
check this out as well:
http://psd2cssonline.com/node/204
Brandon