Hey all!
So I am attaching an images where the left column wont expand to 100% height of the browser. I am trying to make it a navigation menu that will act like a table and wont move at all as i scroll through the content on the right side.
http://img854.imageshack.us/i/fixedwidthcsslayouts2co.jpg/
My CSS is as follows:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
height: 100%;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#leftcolumn {
background: #E7DBD5;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 161px;
float: left;
min-height: 100%;
}
#rightcolumn {
float: left;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 20px 0px 10px 20px;
padding: 10px;
height: 500px;
width: 678px;
display: inline;
position: relative;
}
Am I doing something wrong? I kept reading in my google searches that 100% height does not exactly mean it will take up 100% of the browser. If that is the case, how can I make the left column take up the either left part of the site?
Thank you guys in advanced!
So I am attaching an images where the left column wont expand to 100% height of the browser. I am trying to make it a navigation menu that will act like a table and wont move at all as i scroll through the content on the right side.
http://img854.imageshack.us/i/fixedwidthcsslayouts2co.jpg/
My CSS is as follows:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
height: 100%;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#leftcolumn {
background: #E7DBD5;
margin: 0px 0px 0px 0px;
padding: 10px;
width: 161px;
float: left;
min-height: 100%;
}
#rightcolumn {
float: left;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 20px 0px 10px 20px;
padding: 10px;
height: 500px;
width: 678px;
display: inline;
position: relative;
}
Am I doing something wrong? I kept reading in my google searches that 100% height does not exactly mean it will take up 100% of the browser. If that is the case, how can I make the left column take up the either left part of the site?
Thank you guys in advanced!