Silly CSS question - cant figure out

tonelm54
tonelm54 used Ask the Experts™
on
I cant believe Im asking this, as it seems soo simple, but I cannot figure it out :-(

Im trying to float the divRight into the right of divLeft inside divView, so it should show as:-
Should be
However my code produces:-
 Is
My code is simple:-
HTML:-
<div id="divView">
  <div id="divLeft">

  </div>
  <div id="divRight">
  
  </div>
</div>

Open in new window


CSS:-
#divView {
  position:absolute;
  top:20px;
  left:20px;
  bottom:20px;
  right:20px;
  background-color:blue;
}

#divLeft {
  top:0px;
  width:100px;
  height:100%;
  background-color:green;
}

#divRight {
  height:100%;
  width:100%;
  background-color:pink;
}

Open in new window


Ive put it on jsfiddle to show you what Im struggeling with :-S
https://jsfiddle.net/nt4yf9nv/

Any ideas, I cannot figure it out
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Technical Specialist
Awarded 2017
Distinguished Expert 2018
Commented:
Might not be exactly what you want but hope it helps
https://jsfiddle.net/nt4yf9nv/1/

Author

Commented:
Thank you

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial