Column Height issue

-

i looking make custom border looks film strip.  have drawn png in photoshop of single cog whole edge of frame , want duplicate match appearance of film strip.  put content in "frames" can dynamically change blog entries client enter in on time.  thinking best way columns formed using divs have started this:

 

<div id="leftsidebar"> <!--column wrapper-->

     

      <div id="colleft"> </div> <!--left side border of frame-->

     

             <div id="colcenter">  <!--main content area -->

           

                <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nullam vel mollis quam. quisque non enim augue. phasellus tincidunt elit in tincidunt lacinia. cras velit massa, vestibulum ac pellentesque id, condimentum id enim. in mollis turpis porttitor, pellentesque diam sed, blandit orci. integer id diam congue, interdum justo in, condimentum leo. nam fermentum urna. sed eleifend vel leo ac interdum. morbi vel dictum mi. pellentesque egestas accumsan orci, sit amet porttitor risus venenatis in. suspendisse vulputate quam eu massa sodales, @ aliquet erat sollicitudin. nam nec mi mauris. </p>

               

           </div>

             

      <div id="colright"> </div> <!--right side border of frame-->

         

     

</div>

 

#leftsidebar{
width:300px;
max-height:100%;

}

 

#colleft{
background-image: url(images/filmframewhite.png);
background-repeat: repeat-y;
float: left;
width:25px;

}

 

#colcenter {

border-bottom: 5px solid #ffffff;
border-top: 5px solid #ffffff;
float: left;
margin-left: 0;
width: 230px;
padding: 3px 10px;
color:#fff;

}

 

#colright{
background-image:url(images/filmframewhite.png);
background-repeat:repeat-y;
float: left;
width:25px;

}

 

the problem background images in left , right columns not repeat height of content in center column.  how set height of left , right column 100% of center column no matter how or little content in there?

 

thanks

one way html5 , css display:table property.  view source see code.

http://alt-web.com/templates/equal-height-css-columns.shtml

 

 

 

nancy o.



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

Adobe Acrobat Pro , Terminal Server Use

-
hello,   a fellow employee requires adobe acrobat pro installed use, , management me have sorted out. employee uses thin client connect terminal server of administration work.   i require single license adobe acrobat pro used single user.   will there license issues installing adobe acrobat pro on terminal server?   can install adobe acrobat pro on terminal server?   thanks, david hi david,   yes, can install acrobat terminal servers... !   the licensing terminal server considered normal licensing process, means need buy many number of licenses acrobat number of users accessing terminal server (like citrix) access software. eg if 10 users accessing citrix server @ particular time use acrobat software need 10 licenses same. More discussions in Installing, Updating, & Subscribing to Acrobat adobe
Read more

Thread: transmission-daemon isn't playing nice: "409: Conflict"

-
409: conflict request had invalid session-id header. fix this, follow these steps: when reading response, x-transmission-session-id header , remember it add updated header outgoing requests when 409 error message, resend request updated header requirement has been added prevent csrf attacks. error occurs when apache not running. i've tried zillion different proposed solutions involving rewriterules , proxypasses golly i'm clueless. me? following apache thing, y'know, in case. code: <virtualhost *:80> rewriteengine on documentroot /var/www <directory /> options followsymlinks allowoverride none </directory> <directory /var/www/> options indexes followsymlinks multiviews allowoverride none order allow,deny allow </directory> scriptalias /cgi-bin/ /usr/lib/cgi-bin/ <directory "/usr/lib/cgi-bin"> allowov...
Read more

Thread: gpg: Conflicting Commands

-
Image
hi, relatively new linux (have used many live disks) , have had install of ubuntu 12.04 few days now. part have found easy use , have been comfortable it. have first question can't resolve myself: adding googles repository list. when first ran command supplied google found did not have wget installed. used apt-get install it. worked fine (as far can tell) re-ran googles code : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add -deb http://dl.google.com/linux/deb/ stable non-free , message 'gpg: conflicting commands' tell me going wrong , how fix please new script : wget -q https://dl-ssl.google.com/linux/linux_signing_key.pub -o- | sudo apt-key add linux_signing_key.pub need edit /etc/apt/sources.list , add line @ end deb http://dl.google.com/linux/deb/ stable non-free end hope find usefull edit: need root or use sudo make changes /etc/apt/sour...
Read more