ansaurus

Question

How To make a Form and Div have a max width of child elements.

Answer 1

+2 A:

I believe the "proper" way is to make them inline elements:

style="display: inline;"

divs are block elements and fill their container, spans are inline elements and shrink to fit their contents.

You can either use spans as containers or just add the above style to your divs.

Good luck!

Michael La Voie 2009-02-15 23:43:38

Just an additional note that under XHTML standards, a span containing other elements is invalid, so the CSS method is better, though I'm not sure why not just set the outer div and form both to 200px width as well.

Zurahn 2009-02-16 00:06:27

As per Ole J. Helgesen, inline-block might be better, however support for that property is poor in certain older browsers.

Joshua Carmody 2009-02-16 18:54:48

Answer 2

+3 A:

To make a block display like an inline element you can use

display: inline-block;

Ole J. Helgesen 2009-02-16 00:58:24

Answer 3

+1 A:

To prevent scrollbars for #outerDiv you could set a max-width and overflow properties:

#outerDiv {
  max-width: 300px;
  overflow: hidden;
}

In this way, you assure no scroll bars, and I'm assuming the width of the iframe is never wider than 300 pixels. Also be sure to set frameborder="0" on the iframe and check the margins on the body of the included html.

artlung 2009-02-18 07:14:54

Good answer! This helped me out a lot on a similar problem!

MikeN 2009-06-08 18:00:13

ansaurus

tags:

views:

answers:

How To make a Form and Div have a max width of child elements.

related questions