Having Trouble with Faux Columns


i still can't sidebar stretch length of page. here's code:

 








<!-- body  .twocolliqlthdr #container .twocolliqlthdr #header .twocolliqlthdr #header h1

 

/* tips sidebar1: 1. since working in percentages, it's best not use padding on sidebar. added width standards compliant browsers creating unknown actual width. 2. space between side of div , elements within can created placing left , right margin on elements seen in ".twocolliqlthdr #sidebar1 p" rule. 3. since explorer calculates widths after parent element rendered, may run unexplained bugs percentage-based columns. if need more predictable results, may choose change pixel sized columns. */ .twocolliqlthdr #sidebar1 .twocolliqlthdr #sidebar1 h3, .twocolliqlthdr #sidebar1 p {      margin-left: 5px; /* left , right margin should given every element placed in side columns */      margin-right: 5px; }

 

/* tips maincontent: 1. space between maincontent , sidebar1 created left margin on maincontent div.  no matter how content sidebar1 div contains, column space remain. can remove left margin if want #maincontent div's text fill #sidebar1 space when content in #sidebar1 ends. 2. avoid float drop @ supported minimum 800 x 600 resolution, elements within maincontent div should 430px or smaller (this includes images). 3. in internet explorer conditional comment below, zoom property used give maincontent "haslayout." avoids several ie-specific bugs. */ .twocolliqlthdr #maincontent .twocolliqlthdr #footer .twocolliqlthdr #footer p

 

/* miscellaneous classes reuse */ .fltrt { /* class can used float element right in page. floated element must precede element should next on page. */      float: right;      margin-left: 8px; } .fltlft { /* class can used float element left in page */      float: left;      margin-right: 8px; } .clearfloat { /* class should placed on div or break element , should final element before close of container should contain float */      clear:both;     height:0;     font-size: 1px;     line-height: 0px; } --> </style><!--[if ie]> <style type="text/css"> /* place css fixes versions of ie in conditional comment */ .twocolliqlthdr #sidebar1 { padding-top: 30px; } .twocolliqlthdr #maincontent /* above proprietary zoom property gives ie haslayout needs avoid several bugs */
<!-- h1 h2 -->









   

oag header

 

 
   

 

 

     


special


 









purpose 

this guide not replace policy, procedures, or training



 





   
home page

 

 

<!-- var menubar1 = new spry.widget.menubar("menubar1", ); //--> </script> </body> </html>

you need provide link first attempt people see going on.  however, faux columns, trick apply background image container holding 2 columns , repeated vertically or in technical jargon:

 

background-repeat: repeat-y;

 

your css might this:

 

 

#container {

overflow: auto;

background: url(images/image-column.png) repeat-y;

}

hope gets started or can post link page here.

 

g/l



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

how to devide a circle into equal parts

"Could not fill because there are not enough opaque source pixels" - not solved by any other thread

Why can't I change the billing info for my account?