I have this now: I cant put up the pages without a lot of work. But I made a screen shot link. http://www.motorcyclecarbs.com/remove.me/cssprobs.rtf <http://www.motorcyclecarbs.com/remove.me/cssprobs.rtf> Im moving this to community as it seems CSS and not CF at this time. Please reply to community thread. #navBar{ float:left; width: 190px; padding: 0px; background-color: #cccccc; border-right: 1px solid #666; border-bottom: 1px solid #666; } #content{ float:left; width: 50%; margin: 0; padding: 0 3% 0 0; } I changed the 190 px; to 390 and no change The page code has <div id="navBar"> then <div id="content">
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/> _____ From: Darin Kohles [mailto:[EMAIL PROTECTED] Sent: Wednesday, March 14, 2007 4:16 PM To: Carbs Sales&Service Subject: RE: [ACFUG Discuss] CSS to <cfinclude> Sounds like your navBar "content" is wider than you're allowing for it. Even if the navBar is wrapping, the actual content block should still be showing side by side. 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/ <http://www.d-p.com/> _____ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Robert Reil Sent: Wednesday, March 14, 2007 4:09 PM To: discussion@acfug.org Subject: RE: [ACFUG Discuss] CSS to <cfinclude> Ok did all those things and now the navbar shows at x%, and then wraps down to the end of the bar and then the content shows. What would make it wrap? 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/> _____ From: Darin Kohles [mailto:[EMAIL PROTECTED] Sent: Wednesday, March 14, 2007 4:06 PM To: Carbs Sales&Service Subject: RE: [ACFUG Discuss] CSS to <cfinclude> Also be aware that padding and margins make up part of the 100% (IE vs FF treat things differently) so don't use 25% and 75%, start with 20% and 70% until you know what your padding/margin needs are. 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/ <http://www.d-p.com/> _____ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Daniel Hammond Sent: Wednesday, March 14, 2007 3:58 PM To: discussion@acfug.org Cc: 'Robert Reil' Subject: RE: [ACFUG Discuss] CSS to <cfinclude> "Do I put the content after the navbar in the page code?" yes, that should do it. Daniel Hammond 2227 Dunseath Ave. Atlanta, GA 30318 770-842-8817 <http://www.objectivedesigns.com/> www.objectivedesigns.com _____ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Robert Reil Sent: Wednesday, March 14, 2007 3:52 PM To: discussion@acfug.org Subject: RE: [ACFUG Discuss] CSS to <cfinclude> Not sure on the syntax on that. Given: #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; } How would you change it? #navBar{ float:left; width: 25% padding: 0px; background-color: #cccccc; border-right: 1px solid #666; border-bottom: 1px solid #666; } #content{ float:left; width: 75%; margin: 0; padding: 0 3% 0 0; } Is the above what I am hearing you say? What will keep the nav bar left and the content right? Do I put the content after the navbar in the page code? Is that how you mean stackup? 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/> _____ From: Darin Kohles [mailto:[EMAIL PROTECTED] Sent: Wednesday, March 14, 2007 3:30 PM To: Carbs Sales&Service Subject: RE: [ACFUG Discuss] CSS to <cfinclude> 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/ <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 <http://www.acfug.org?fa=login.edituserform> For more info, see http://www.acfug.org/mailinglists <http://www.acfug.org/mailinglists> Archive @ http://www.mail-archive.com/discussion%40acfug.org/ <http://www.mail-archive.com/discussion%40acfug.org/> List hosted by FusionLink <http://www.fusionlink.com> ------------------------------------------------------------- ------------------------------------------------------------- To unsubscribe from this list, manage your profile @ http://www.acfug.org?fa=login.edituserform <http://www.acfug.org?fa=login.edituserform> For more info, see http://www.acfug.org/mailinglists <http://www.acfug.org/mailinglists> Archive @ http://www.mail-archive.com/discussion%40acfug.org/ <http://www.mail-archive.com/discussion%40acfug.org/> List hosted by FusionLink <http://www.fusionlink.com> ------------------------------------------------------------- ------------------------------------------------------------- To unsubscribe from this list, manage your profile @ http://www.acfug.org?fa=login.edituserform <http://www.acfug.org?fa=login.edituserform> For more info, see http://www.acfug.org/mailinglists <http://www.acfug.org/mailinglists> Archive @ http://www.mail-archive.com/discussion%40acfug.org/ <http://www.mail-archive.com/discussion%40acfug.org/> List hosted by FusionLink <http://www.fusionlink.com> ------------------------------------------------------------- ------------------------------------------------------------- To unsubscribe from this list, manage your profile @ http://www.acfug.org?fa=login.edituserform <http://www.acfug.org?fa=login.edituserform> For more info, see http://www.acfug.org/mailinglists <http://www.acfug.org/mailinglists> Archive @ http://www.mail-archive.com/discussion%40acfug.org/ <http://www.mail-archive.com/discussion%40acfug.org/> List hosted by FusionLink <http://www.fusionlink.com> -------------------------------------------------------------