First get rid of your margin on the navBar div. Next float them both left, with % widths set to add up to <= 100%. Things set to float left will stack up across the screen until they hit 100%, then they wrap down to the next 'line'. Also if you are doing anything with floats with either you header or footer, you should add a div (before or after depending) that has a style set to "clear:both;"
Darin Kohles, Application Developer [EMAIL PROTECTED] Digital Positions, Inc. 2289 Peachtree Road NE Atlanta, GA 30309 404-351-2366 phone 404-351-4055 fax http://www.d-p.com/ ________________________________ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Robert Reil Sent: Wednesday, March 14, 2007 3:00 PM To: Daniel Hammond Cc: discussion@acfug.org Subject: [ACFUG Discuss] CSS to <cfinclude> I have a page I am working with that uses Div and css to set up the #navbar, and #content. The page is like this: ------------------------------------ cfinclude Header.cfm ------------------------------------- div | div #navbar | #content | ------------------------------------- cfinclude Footer.cfm ------------------------------------- CSS shows --------------------- #navBar{ margin: 0 79% 0 0; padding: 0px; background-color: #cccccc; border-right: 1px solid #666; border-bottom: 1px solid #666; } #content{ float:right; width: 75%; margin: 0; padding: 0 3% 0 0; } ---------------------- Now the qustion is what determines where the columns are? I wish to get rid of the DIV and use cfinclude. What I dont understand is how does it stands to reason that the page code shows div #content goo goo goo /div div #navbar foo foo foo /div I dont see what makes the columns line up and how I would replace "div #navbar" with "cfinclude leftnav.cfm" Any pointers? Robert P. Reil Managing Director, Motorcyclecarbs.com, Inc. 4292 Country Garden Walk NW Kennesaw, Ga. 30152 Office 770-974-8851 Fax 770-974-8852 www.motorcyclecarbs.com <http://www.motorcyclecarbs.com/> ------------------------------------------------------------- To unsubscribe from this list, manage your profile @ http://www.acfug.org?fa=login.edituserform For more info, see http://www.acfug.org/mailinglists Archive @ http://www.mail-archive.com/discussion%40acfug.org/ List hosted by http://www.fusionlink.com -------------------------------------------------------------
