So I have a parent div and inside the parent there are children divs.

I want my divs to look like this:

But I'm getting this:

How should I set up the css so it works like I want it to work?

This post was edited by vittujenkevat on May 22 2012 01:30am

Seems to work fine with mozilla but causing problems in IE. Any suggestions to fix this?

post your code and we'll figure out

Basicly something like this:



I did not test it with this, but it is written like the code in page, css is identical.

I facepalmed when I read that, come on, don't post shit you didn't test. Here you're asking US to give a shit, and you barely give one yourself.
http://jsfiddle.net/fbZHy/1/

You can only have one id per page, unless you're daft, you should know that.

If I had the time to test it I would of done so, but I didnt have time. Anyways the code is made by some worker who isnt working on the company anymore and I'm not so familiar with web developin.

http://www.jsfiddle.net/
Takes you 1 minute to test that code. Perhaps you didn't have 1 minute?

Did you see solution I gave you?

This post was edited by eagl3s1ght on May 22 2012 08:30am

I have never used that site so didnt even know you can test it like that.

Checked it now as didnt have time earlier, and yes it works as I want (atleast on my computer, have to check it out tomorrow at work) after I removed the width from class.



What does the clear property do?

Thanks for your time.

The clear property will force the element with clear under a floated element with the same value.

So if element1 has float:left, and element2 has clear:left, element2 will be forced under element1.
If element1 has float:left, and element2 has clear:both, element2 will be forced under element1 as well.
Now, if element1 has float:left, and element2 has clear:right, element2 will not be forced under element1.

So this is what you want?



Doubtful. How very lost are you?