Adding forms throws off the css

HTML & CSS
1

Hi all, I’m working on a holding page for a project… I’m more of a basic HTML/CSS guy so this might seem like a simple issue to fix. Basically you can see everything is looking nice here… http://files.benjaminfaubion.com/eztunes/index.html

now If I try to add a form in the mix… it throws the whole thing off. I can’t figure out what’s going on with it… double checked the CSS code, I guess I’m just not familiar enough with client-side dev to figure out what’s going on here…
http://files.benjaminfaubion.com/eztunes/index_2.html

any ideas? :mad:

2

The “clear:both” worked! I still don’t completely understand how the clear does this, but hey… it does the trick.

3

Your URL inputs are not closed - this may be affecting what comes after them.

4

You need to add this line to the #footercontent.

clear:both

your current style:


#footercontent {
background-color:#333333;
background-image:url("assets/img/footer_tile.jpg");
background-repeat:repeat-x;
bottom:0;
height:237px;
margin:0 auto;
width:100%;
}

to fix it:


#footercontent {
background-color:#333333;
background-image:url("assets/img/footer_tile.jpg");
background-repeat:repeat-x;
bottom:0;
[B]clear:both;[/B]
height:237px;
margin:0 auto;
width:100%;
}

I had this problem when I’m learning the css floats. Hope it helps. :smiley: