Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Evelyn Barney
Evelyn Barney
410 Points

columns and background will not behave.

:blush:

I SHOULD be able to do this - really I should. But, when I design for myself - I THINK about how I will code it as I go. i was given this in PSD format by another designer. Nightmares have ensued. When i am as frustrated as i am now, I think SHE thought aobut how to make it as complex as possible - since we were both competing for the same job and the clients decided to restructure the job into two - and took us both on.

The image below is (more or less) what this page should look like. This link shows what it DOES look like, so far. http://emendationslist.com/rslai/adindex.html

http://emendationslist.com/rslai/RSL-admin-index-delivery.png

Where I am stuck at the moment is getting the blue then WHITE part of the contentArea div to fill in behind the one column I have added so far. the columns should appear to float above the background. (Which i believe mine would if i could get the content area div to stretch behind rather than stop short. the code LOOKS as if it's nested correctly to me, but my eyes must deceive. Then, I need to add the two other columns (which - I think - should have essentially the same style.) I've done columns before, I've done floats before, LOTS of them -- they are fairly basic - no?

this - for whatever reason is giving me the hives!

If you want to see all the assets I have on the server so far - [url=http://emendationslist.com/rslai/adindex.zip]the zip is here. [/url]

Thanks for looking and for listening to me fuss!

2 Answers

osas idemudia
osas idemudia
5,461 Points
osas idemudia
osas idemudia
5,461 Points

You could set background image to white and slice a part of the png and use that as a background. Cut it in a way where some white is included in the image so it blends in well with the css colour. that way you can make the containing div have white as the background colour and then the image as the background image with repeat set to horizontal ( x ).

That should fix the background issue.

Evelyn Barney
Evelyn Barney
410 Points
Evelyn Barney
Evelyn Barney
410 Points

Well - on the surface that makes sense Osas - but that div DOES have a blue image at the top with a white background which shows as soon as the image ends (essentially working as you describe.) the problem is you cant SEE the content area for more than the space it take for the header. What is making me NUTS is that the column is appearing UNDER the content div - rather than IN it and when i try to float the next tow columns they appear stacked under each other.