>- 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 -<

Reply via email to