Fluid Flotting Box

[nevinjohn]

Hi there,

I’m trying to convert a site to a fluid width site,
can anyone help me to create like this ??

I want a clone like this http://pinterest.com/

Plz help me

Thank You

[nevinjohn]

hi friend…this is not actually i mean….

check this site http://pinterest.com/

and click ctrl+ mouse scroll down…..

you can see the grid is increasing and when mouse scroll up it will decreasing

the grid count may vary depend up on the screen size….

you can check this site in different screen size by using this website

http://viewlike.us/

Please help me….

[Miker]

@nevinjohn: You just need to have a parent that is on the same flow as floated elements, either float your parent, or give it overflow: hidden.

Then you just float your children containers. When your parent gets re-sized, such as zooming out, your children will occupy as much horizontal space as possible.

See my example here: http://jsfiddle.net/Microchet/eHpKn/1/

[TheDoc]

You could also look into this: http://masonry.desandro.com/

[nevinjohn]

Hi friends thanks for your help….

Actually this is what i want ( http://masonry.desandro.com/ )

[Author]

Posts