>- see footer for list info -< Thanks for that Russ. Is it ok to use nested DIVS in the way I am or is this messy? Regards - Paul> From: [EMAIL PROTECTED]> To: [email protected]> Subject: RE: [CF-Dev] OT CSS> Date: Tue, 10 Jun 2008 15:39:54 +0100> > >- 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 -<_______________________________________________
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 -<
