Max-Min Width on Form?

**DoubleDee** · Jan 7, 2012 20:43

Can you set a max and min width on a Form?

Right now, I have my Form nested in a <div>...

Code HTML4Strict:

<!-- ADD A COMMENT -->
	<div id="boxMainContent">
		<div id="boxAddComment">
			<h3>What Do You Think?</h3>
			<form id="addComment" action="" method="post">

...with these styles...

Code CSS:

#boxAddComment{
	min-width: 340px;
	max-width: 580px;
	margin: 40px auto;
	padding: 0 30px 30px 30px;
	border: 1px solid #333;
}

If I can lose the extra layer, that would be great!

Debbie

**PicnicTutorials** · Jan 7, 2012 22:01

Does it work when you test it? If it does then yes it works. That's I how find my answers. But yes I believe that would work just as a div would.

**ralph.m** · Jan 7, 2012 23:18

It should be fine to set a min and max width on the form, but that's not quite what you've done here. You've set it on the containing div, which should work too.

There's no point in have id="addComment", though, as you could target the form with #boxAddComment form { ... }. Just saying.

**DoubleDee** · Jan 8, 2012 02:36

Originally Posted by EricWatson

Does it work when you test it? If it does then yes it works. That's I how find my answers. But yes I believe that would work just as a div would.

It didn't seem to work, but my page is all messed up...

Debbie

**DoubleDee** · Jan 8, 2012 02:38

Originally Posted by ralph.m

It should be fine to set a min and max width on the form, but that's not quite what you've done here. You've set it on the containing div, which should work too.

Thus my question!

There's no point in have id="addComment", though, as you could target the form with #boxAddComment form { ... }. Just saying.

Good point.

I haven't had a chance to refactor these latest pages...

Thanks,

Debbie

**Max Height** · Jan 8, 2012 03:05

Originally Posted by DoubleDee

Can you set a max and min width on a Form?

Why not?

Just set up a simple <form> in a <body> and you will see that you can without any problems

Originally Posted by DoubleDee

It didn't seem to work, but my page is all messed up...

Then that means you have something else wrong. It doesn't mean you can't set limits on the form width.

User Tag List

Thread: Max-Min Width on Form?

Thread Tools

Display

Max-Min Width on Form?

Bookmarks

Bookmarks

Posting Permissions