Avatar of tonelm54
tonelm54
 asked on

Silly CSS question - cant figure out

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
CSS

Avatar of undefined
Last Comment
tonelm54

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Shaun Vermaak

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
tonelm54

ASKER
Thank you
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23