css - Div taking all horizontal space -
why? dint speficy width, should big content inside it.
#swfbox { padding: 10px 10px 10px 10px; margin: 50px auto 0px; background: #310600; border: 3px solid #4b0900; }
i have centered , load swf files in it, work have set width width of swf file, bad since every file has different width.
<div>
elements block-displayed elements, means default 100% width unless otherwise specified.
if want element expand based on content, might want try setting display
property on <div>
inline
(or use span
since it's inline-div).
edit:
i guess inline didn't work quite way expected, learned today. you're going want instead set display: inline-block
, comes it's own set of problems.
first, according quirks mode page display
property, ie6 , ie7 support inline-block
on elements natural display: inline
means need use <span>
elements rather <div>
elements.
second, inline-block
has own set of quirks should read on before using it, prevent being surprised further "gotchas". this page has pretty write-up on inline-block
.
Comments
Post a Comment