CSS-d

On the following page there is a registration form:
http://formever.org/user/register

I set the form <input> tags to be be display:block so that they would be 
on their own line.

However, this causes a gap to appear below. I'm testing on FireFox, and 
it looks like this:
http://formever.org/Screenshot2.png

The form is inside a series of nested tags used to create the borders 
and corners in the design.

Ultimately, the form is inside a <div> with an id called "inside".

The submit button has a 20 pixel margin set on the bottom, and for some 
reason the white background of the "inside" <div> does not stretch with 
the <div> itself. Nor do the borders on the left and right side.

What's even more puzzling to me, is that when I applied a thin red 
border to examine where exactly the <div> boundaries are, then the white 
background *did* fill all the space. The borders appeared as well.
http://formever.org/Screenshot.png

How can that be?

Thank you for any advice.

-- 
Dave M G
CSSed
Zend Studio 5.5
Photoshop 7 (Wine)
Inkscape, GIMP, Ubuntu 7.04
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to