ravish.tiwari
New Member
I'm learning css right now so you may know what kind of problems are trying to blow my mind... hahahaOkey, I'm trying to separate my web in two divs like this:
and the intention is that the right-side realize there is something at his left.Left Side: \[code\].left-side { background: url('../img/mesh.png') #333; position: relative; top: 0px; margin-left:0px; width: 100px; height: 100%;}\[/code\]Right-side: Here's the problem\[code\].right-side { position: relative; margin-left: 100px; top: 0px; float: left; /* Trying to detect something at my left */ height: 100%; width: 100%;}\[/code\]Both have relative positions because I read they should, maybe I'm wrong...Just for giving you some context, on the left-side would be a navigation bar and on the right side would be all the grid and main content.I'm using bootstrap framework for creating the grid on the right-side but the problem is that all the div's do not take their parent as a reference.\[code\]<html><head> .....</head><body> <div class="left-side"> <!-- Navbar --> </div> <div class ="right-side"> <div class ="container-fluid"> <!-- etc --> </div> </div></body></html>\[/code\]Thanks for reading this. I would try to fix this by my own, some help would be well recieved