My layout is disorganized when resize from four columns into two columns (responsive)?

I layout like :

And when I resize into two column I have new issue like :

I do not want to add height into column. How can I fix this issue. Thanks

Answers


Your layout looks like typical use of floatting boxes.

If you give up float for display:inline-block; or inline-table; your boxes will wrap into lines , no matter their respective height.

You can tune the layout with: vertical-align:top;/* or any other value you need */


Apply float:left to the individual blocks.


Need Your Help

converting xml document to data table in C#

c# .net xml web-services

I'm trying to read a simple webservice (REST) and populate a drop down box in my C# desktop application. I;m using .net 2.0

Dynamically create spring beans and alter properties on existing beans

java spring

I sucessfully managed to implement dynamic changing of database connections by following http://blog.springsource.com/2007/01/23/dynamic-datasource-routing/ article.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.