Placing a border around a form

HTML & CSS
1

I have a form that is wrapped in a div tag. Both have id names. I tried putting a border on the div tag and it shows up as a line above the form. I tried putting in on the frame and it does the same thing. How do I get it to go around the form? Thanks

2

Sounds like the form is floated. Try giving the surrounding div overflow: hidden.

Otherwise, post your code. :slight_smile:

3

That did it, thank you so much.

What do you mean when you say the form is floated and why would that cause that behavior?

4

What you described was a common scenario when a container (such as a div) has something inside it that is floated (such as a div or a form). By ‘floated’, I mean that in the CSS there’s a rule something like:

form {float: left;}

You could probably just remove that rule to fix the problem as well, though we’d need to see your page to be sure.

Containers don’t normally wrap around floated content unless you apply something like overflow: hidden to the container.

5

Great input. That explains a lot. :slight_smile:

Thanks again, I do appreciate the time.