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
<!-- h1 h2 -->
<!-- var menubar1 = new spry.widget.menubar("menubar1", ); //--> </script> </body> </html>
<!-- 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 -->
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
Post a Comment