471,618 Members | 1,197 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,618 software developers and data experts.

inline-block why dont u like me!

107 100+
Hi,

Please take a look at the following example
http://www.oini.com/temp/divtest.htm

The divs will eventually be produced by some javascript and the numbers could vary, i dont anticipate this being a problem providing the css is correct.

Any ideas how to solve the problem??

Cheers!

Andy
Oct 3 '07 #1
2 1246
MarkoKlacar
296 Expert 100+
Hi,

it look to me as you have to tell the blocks to "float:left".
Try this and tell me how it work's out.

Cheers
Oct 5 '07 #2
drhowarddrfine
7,435 Expert 4TB
[HTML]<div style="border: 1px solid red; position: relative;overflow:auto;">
<div style="border: 1px solid blue; float:left;width: 100px;">1</div>
<div style="border: 1px solid blue; float:left;width: 100px;">2</div>
<div style="border: 1px solid blue; float:left;width: 100px;">3</div>
<div style="border: 1px solid blue; float:left;width: 100px;">4</div>
</div>[/HTML]
You can add margins to the outer div to center it.
Oct 5 '07 #3

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

46 posts views Thread by DJ WIce | last post: by
14 posts views Thread by Chris Mantoulidis | last post: by
47 posts views Thread by Richard Hayden | last post: by
20 posts views Thread by Grumble | last post: by
7 posts views Thread by Srini | last post: by
12 posts views Thread by sam_cit | last post: by
5 posts views Thread by Barry | last post: by
2 posts views Thread by Barry | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
1 post views Thread by ZEDKYRIE | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.