CSS
CSS

CSS / DIV issue

I'm having some DIV issues with my CSS. Please help.

Here's an example of what my page is supposed to look like: http://thinkingdavis.com/review/NFFR/index.html
Note the 3 green boxes across the bottom -- each is a DIV with a background image and a DIV with text floating above it.

Now look at this page: http://thinkingdavis.com/review/NFFR-CMS/index.php
This version incorporates some changes I had to make to get my CMS to work. I needed to change each of those green boxes so that there's an image placed in the DIV (rather than utilizing a background image), then the DIV with text floating above that. This is where my stacking is messing up -- see attached screen shots.

Any help is greatly appreciated.

This is what the 3 green boxes are supposed to look like.

This is my latest file. Note the DIV with the text is breaking.

PitaMariaAsked: 2010-08-27

Who is Participating?

Experts Exchange Solution brought to you by

Enjoy your complimentary solution view.

Get every solution instantly with Premium. Start your 7-day free trial.

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 10

NetExpert-WarszawaCommented: 2010-08-28

First of all, you do not want position absolute for featureBoxes

LVL 10

NetExpert-WarszawaCommented: 2010-08-28

Next, you have changed align="right" to style="float: right" for div containing boxes 2 and 3. Align is not nice, but this is what you have got in the original design.

LVL 10

NetExpert-WarszawaCommented: 2010-08-28

The last thing, make images absolute positioned (it made much more sense for them to be a background).

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial