Check out this CSS snippet:
#container {
margin: 0 auto;
width: 1200px;
}
#col1 {
float: left;
width: 700px;
}
#col2 {
float: left;
width: 100px;
padding: 0 17px;
}
#col3 {
float: left;
width: 400px;
}
I am trying to figure out a way for column 2 to stay fixed at the top of the page even when scrolling down. I've tried using position:fixed, but it messes up the layout with floats. Any suggestions on how to achieve this would be greatly appreciated.
Thank you in advance for any assistance.