Clearing floats and un positioned image

HTML & CSS
1 
http://www.alienpowered.net/templatetest/

That is a link to the site I’m currently coding, and if you scroll down, the testimonials image, is at the bottom…and i think i need to clear the floats in #footer-group, but i always have troubles with that, the image should be similar to the other titles to the left of it, could anyone lend me a hand?

2

Whenever you’re dealing with floats, you’ll want to add ugly background colours to all the involved boxes so you can see what they’re doing.

So for example, if you give footer-group a background colour, you’ll see none of the code inside it… is actually inside it.

Further explanation here: http://gtwebdev.com/workshop/floats/enclosing-floats.php

If you still aren’t getting what you want, let us know.

Also, your menu is a mystery-meat navigation (sorry the dude thought it was awesome that you can’t see any of the pages unless you have Javascript on… if no JS just scroll scroll scroll down). I mean, I can guess what the house and the envelope mean, but the rest? No clue. Expect your visitors to have no clue as well.

3

You have

#whyus {
color: white;
float: left;
[COLOR="Red"]margin-right: 270px;[/COLOR]
width: 250px;
}

where the red text shows you the problem.

But I have to say, the site needs more work: markup and css. What I’ve noticed: You really love the img tag; you really hate background images; you really love div; you really hate text content :slight_smile: It’s a pretty balanced love-hate situation going on that site. The outcome though is off balance!