>- see footer for list info -< Make sure you have set a width for each div. Make sure you are floating them correctly. You need to clear the floats for each new line. Remember that paddings and margins will affect widths. Make sure the content your putting in them doesn't force them wider than their set width. Use the web developer plugin for firefox to help you debug your css.
-- Russ Michaels Certified ColdFusion Professional My Blog: www.russ.michaels.me.uk Commerical ColdFusion & BlueDragon Hosting: www.cfmxhosting.co.uk FREE CFML Developer hosting : www.cfdeveloper.co.uk -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Swingewood Sent: 10 June 2008 15:17 To: [email protected] Subject: [CF-Dev] OT CSS >- see footer for list info -< Hi its been a while but I wonder if anyone can help me with this. I am [EMAIL PROTECTED] at CSS and could use some help. I have this site http://myweb.bgfl.org/pinesss/ I have tried to design the site without tables using CSS and all appears nice and happy until I start adding elemnts to things. I am not sure that I am nesting DIV tags correctly or even if this is the correct way to do this. The Home at the top of the page is a crumbtrail populated by the CMS system. Anyway I have this .... I appreciate this isn't a coldfusion problem but I know the guru's here are a helpful bunch ;-) Thanks Paul <div id="wrapper"> <div align="left" id="top_graphic"><!-- This is the graphic across the top of the page --></div> <div class="clr"></div> <!--- Logo ---> <div align="left" id="vertical_bar_left_logo"> <div align="left" id="logo"> <div align="left" id="vertical_clip_bar_logo"> <div align="left" id="crumbtrail"><jdoc:include type="module" name="breadcrumbs" /> <div align="left" id="vertical_bar_right_logo"> </div> </div> </div> </div> </div> <div align="left" id="leftside"> <div align="left" id="ringbinder"> <div align="left" id="rightside"></div> </div> </div> <div class="clr"></div> <div id="bottom"> <div align="center" id="copyright">All Copyrights Reserved by The Pines School<br /> Powered By <strong><a href="http://www.joomla.org/"; target="_blank">Joomla</a></strong> -- Deisigned By <strong>Paul Swingewood (original concept by Mambo Dancing)</a></strong> </div> </div></div><!--- debug here ---></body></html> The style sheet looks like this /* mystyle */.clr { clear: both;} #wrapper { width: 939px !important; border: 0px; padding: 0px;} #top_graphic { width: 939px; height:72px; background: url(../images/top.jpg) no-repeat;} #vertical_bar_left_logo { width: 56px; height:72px; background: url(../images/border_left.gif) no-repeat;} #vertical_bar_right_logo { width: 56px; height:72px; position: relative; left: 449px; background: url(../images/index_r3_c5.gif) no-repeat;} #logo { width: 157px; height:65px; position: relative; top: 2px; left: 60px; background: url(../images/logo.gif) no-repeat;} #vertical_clip_bar_logo { width: 157px; height:65px; position: relative; top: -2px; left: 160px; background: url(../images/menu_right_border.gif) no-repeat;} #smallnav { width: 305px; padding: 60px 0px 0px 0px !important; float: right;} #leftside { width: 56px; height: 400px; background: url(../images/border_left.gif) repeat-y; margin: 0px; float: left;} #ringbinder { width: 36px; height: 400px; position: relative; left: 220px; background: url(../images/ringbinder.gif) repeat-y; } #rightside { width: 240px; height: 400px; position: relative; left: 479px; background: url(../images/index_r3_c5.gif); margin: 0px; float: right;} #bottom { margin: 0px; width: 939px !important; height: 82px; background: url(../images/bottom.gif) no-repeat;} #crumbtrail { width: 343px !important; float: left; position: relative; left: 30px;} #search { float: right; border: 0px; padding: 0px; width: 80px !important; height: 18px !important; overflow: hidden;} #search .inputbox { border: 1px; font-family: arial, helvetica, sans-serif; font-size: 11px; padding-left:2px; height: 18px !important; width: 80px !important; color: #000000; background-color:#dbf6db;} _______________________________________________ For details on ALL mailing lists and for joining or leaving lists, go to http://list.cfdeveloper.co.uk/mailman/listinfo -- CFDeveloper Sponsors:- >- cfdeveloper Hosting provided by www.cfmxhosting.co.uk -< >- Lists hosted by www.Gradwell.com -< >- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -< _______________________________________________ For details on ALL mailing lists and for joining or leaving lists, go to http://list.cfdeveloper.co.uk/mailman/listinfo -- CFDeveloper Sponsors:- >- cfdeveloper Hosting provided by www.cfmxhosting.co.uk -< >- Lists hosted by www.Gradwell.com -< >- CFdeveloper is run by Russ Michaels, feel free to volunteer your help -<
