First post...and an issue...
Greetings...this is, rather obviously, my first post to the community.
Hopefully someone can help me with the issue I'm having. I already posted this in the
css_forum</lj> community and unfortunatley, noone there can figure out how to resolve my issue...so, hopefully someone here can.
Take a look at this page on my website.
I'm running the Drupal CMS to power my site. Most of their themeing is done via CSS.
The issue, as you can see, is that the center DIV on the page, rather than expanding to display the entire content of the DIV, rather places a scrollbar at the bottom of the DIV. This is not my desired effect - I'm wanting users who browse through my image gallery to have the center DIV expand to display the whole image on the screen.
The code being used for the layout of the three CSS layer layout is:
#Main { overflow: auto; }
#LeftBlocks { width: 27ex; font-family: Tahoma; float: left; position:
relative;}
#RightBlocks { width: 27ex; font-family: Tahoma; float: right; position:
relative;}
where #Main is the center DIV and #LeftBlocks and #RightBlocks are the left and right columns respectively.
Hopefully, one of you has encountered this issue before and can (hopefully) provide me with some degree of resolution in allowing the center DIV to expand and display the entire content contained therein.
TIA.
Crossposted towebdev and webdesign
Hopefully someone can help me with the issue I'm having. I already posted this in the
css_forum</lj> community and unfortunatley, noone there can figure out how to resolve my issue...so, hopefully someone here can.Take a look at this page on my website.
I'm running the Drupal CMS to power my site. Most of their themeing is done via CSS.
The issue, as you can see, is that the center DIV on the page, rather than expanding to display the entire content of the DIV, rather places a scrollbar at the bottom of the DIV. This is not my desired effect - I'm wanting users who browse through my image gallery to have the center DIV expand to display the whole image on the screen.
The code being used for the layout of the three CSS layer layout is:
#Main { overflow: auto; }
#LeftBlocks { width: 27ex; font-family: Tahoma; float: left; position:
relative;}
#RightBlocks { width: 27ex; font-family: Tahoma; float: right; position:
relative;}
where #Main is the center DIV and #LeftBlocks and #RightBlocks are the left and right columns respectively.
Hopefully, one of you has encountered this issue before and can (hopefully) provide me with some degree of resolution in allowing the center DIV to expand and display the entire content contained therein.
TIA.
Crossposted to
webdev and webdesign 