troubleshooting Question

Silly CSS question - cant figure out

Avatar of tonelm54
tonelm54 asked on
CSS
2 Comments1 Solution140 ViewsLast Modified:
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>

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;
}

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

Any ideas, I cannot figure it out
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros