HTML: Float inside of a float - 【StackMirror】|html|css

So i have my header setup fine. Then i have my body. What i want to happen is to have the body split (did that fine, no problem). then on the left side i have my navigation and the right side i have my main body content. My problem is if i use a float for the initial split how do i split the right side in half then? I want 3 sections overall. Left side, then leftRight and rightRight.

My question is, can i put a float inside something this is already floating? If so, then how? if not, then how can i split the right side of my body again?

Here is what i tried: http://people.eecs.ku.edu/~ageoffri/unavitSite/

html
css

2012-04-05 21:39
by ageoff

Did you try it? (hint: you can - bhamlin 2012-04-05 21:40

FLOATCEPTION.. - Šime Vidas 2012-04-05 21:41

To answer your question. Yes you can float something inside of something that is already floating. However if you provide some HTML/ CSS or a jsFiddle we can answer the question better - Kris Hollenbeck 2012-04-05 21:41

Yes i did try it, with no success. Never used jsFiddle before. lemme try it out and ill get back to you - ageoff 2012-04-05 21:42

Put link to page up - ageoff 2012-04-05 21:44

In the page you put up, you didn't put #leftRight and #rightRight inside #right. Try doing that - bhamlin 2012-04-05 21:48

HAHA! classic misplaced /div :( THank you very much! put that as an answer and ill accept it lo - ageoff 2012-04-05 21:49

Yes, you can put floating elements inside other floating elements.

As you discovered, your code has a misplaced div, so you aren't actually nesting your elements.

2012-04-05 21:53
by bhamlin