Image I want at the bottom of my Dreamweaver page overlying my center image. Help, please.

I have simplified the page as best I can with spacer images.
The red image in the middle of the center grey image is supposed to be beneath the center grey image.
At least that's where I want it.
Can anyone see what's wrong with the code in the index_spacer_debug.html file and how to fix it?

Thanks
Fran
index-spacer-debug.htm
houseforsale-page-arizona-home-p.css
header-house-for-sale.JPG
clickonanyarea-to-see-photos.GIF
floor-plan-image.JPG
photo-spacer.JPG
front-of-house-image.JPG
franimaldocAsked:
Who is Participating?
 
remorinaCommented:
Hi franimaldoc,
After reviewing your CSS you seem to set a height property to 300px in the class #middle, you need to remove the height from this class in order to let the red image line properly under the rest of the content.

Replace your #middle class with the one below and give it a shot.

#middle {
    background-color: #333333;
    float: left;
    width: 1000px;
}

Open in new window

0
 
franimaldocAuthor Commented:
Thank you, thank you.
I looked at that css file 20 times, never saw that
I needed a new pair of eyes.
Thanks again!
Fran
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.