Creating three DIVS, left and right fixed , center div scrolls
-
Hi everybody, i would need help on creating a layout just like that of GMail using CSS... there would be three divs, the left and right divs are to be fixed while the middle div should scroll- but with the scroll bar at the right most part of the window**{ not within the middle div itself}** I have tried to create somthing similar but all i could end up getting it having the scroll bar within the middle div itself... :( any help would be appreciated
-
Hi everybody, i would need help on creating a layout just like that of GMail using CSS... there would be three divs, the left and right divs are to be fixed while the middle div should scroll- but with the scroll bar at the right most part of the window**{ not within the middle div itself}** I have tried to create somthing similar but all i could end up getting it having the scroll bar within the middle div itself... :( any help would be appreciated
you mean this layout?
co nt en t co nt en t
content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content
co nt en t co nt en t
if so try this code
<div style="width:300px;height:400px;">
<div style="width:250px;background-color:gray;margin:0 auto;">
<div style="height:40px;border:dashed 1px blue;"></div>
<div style="float:left;border:dashed 1px blue;width:22px;">content content content content </div>
<div style="float:left;border:dashed 1px blue;width:200px;max-height:180px;overflow-y:auto;">content content content content </div>
<div style="float:left;border:dashed 1px blue;width:22px;">content content content content </div>
<div style="clear:both;"></div>
</div>
</div>and you can also use some jquery solution for scrolling
Help people,so poeple can help you.
-
Hi everybody, i would need help on creating a layout just like that of GMail using CSS... there would be three divs, the left and right divs are to be fixed while the middle div should scroll- but with the scroll bar at the right most part of the window**{ not within the middle div itself}** I have tried to create somthing similar but all i could end up getting it having the scroll bar within the middle div itself... :( any help would be appreciated
Something like this? http://jsfiddle.net/37moe1oa/[^]
<style>
#left
{
width: 200px;
position: fixed;
top: 0;
left: 0;
}
#right
{
width: 200px;
position: fixed;
top: 0;
right: 0;
}
#middle
{
margin: 0 200px;
}
</style><div id="left">
Left column content here...
</div>
<div id="middle">
Middle column content here...
</div>
<div id="right">
Right column content here...
</div>
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
-
Something like this? http://jsfiddle.net/37moe1oa/[^]
<style>
#left
{
width: 200px;
position: fixed;
top: 0;
left: 0;
}
#right
{
width: 200px;
position: fixed;
top: 0;
right: 0;
}
#middle
{
margin: 0 200px;
}
</style><div id="left">
Left column content here...
</div>
<div id="middle">
Middle column content here...
</div>
<div id="right">
Right column content here...
</div>
"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer
:thumbsup: thanks a million.... just exactly what i wanted......
