Hello please can I get some advice on this, I'm a newbie on this css stuff.
1)The div id="cont" drops down2)The whole div id="central" (which contains the
cont div) is not closeup ie there is a gap between it and the topnavigation 3)I
using a div as clearboth I don't know if that is a correct way of doing it This
is the short code that needs no images and can be seen but cutting and pasting
if needs be.It is validated strict xhtml-I don't have any non-domained hosting
that I can show you the site live on. Thanks <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";><html
xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en" >
<head><meta http-equiv="content-type" content="text/html;charset=utf-8"
/><title>site.org.uk</title>
<style type="text/css">
/* universal */
html, body { background-color : #fff; color : #000; margin : 0; padding :
0;}body {font : 100% tahoma, arial, sans-serif; color : #4d4d4d;}
.clearboth { clear: both }
a {text-decoration: none;}
/*layout*/
#sitecontainer { float: left; width: 775px; margin-left: 10px;}
/* topnav and header */
#header { clear: right; background: #ffffff; float: left; padding-bottom: 13px;
color: #026d9f; padding-top: 15px}
#sitelogo { padding-left: 20px; padding-right: 19px;}.logo {
border-top-width:0px; border-left-width: 0px; border-bottom-width: 0px;
border-right-width: 0px;}
#topnav { padding-right : 0; border-top : 4px solid #2B67EF; margin : 0; width
: auto; clear : both; min-height : 1.0em; height: 1.0em; border-bottom: 3px
solid #ffffff;}
#topnav li { display : inline; background : #9D0A6B no-repeat left top; float :
left;width : 16.705%; height : auto;}
#topnav a { border-right : 1px solid #2B67EF; display : block; font : 90%
tahoma, arial, sans-serif; color : #fff; text-align : center;}
#topnav a:hover {background: #fcda2e no-repeat left top; text-decoration: none}
/*center content*/
#central { float: left; width: 100%; padding-top: 0px;}
#contenthome { float: left; width: 544px; }
/* right content */
#cont { float: right; margin-left: 2px; width: 228px; border-top : 0px solid
#2B67EF;}
.dividerstrip {border-right: #4680C3 1px solid; border-top: #4fa5ca 0px solid;
font-size: 3pt; background: #017db2; border-left: #2791be 1px solid;
border-bottom: #005b82 1px solid}
.conth {padding: 10px; font: 80% tahoma, arial, sans-serif; padding-bottom:
5px; color: #ffffff; padding-top: 5px; background-color: #2586b3;}
.smallintro {padding: 8px; float: right; width: 218px; font: 90% tahoma, arial,
sans-serif;}
.smallintro img {padding: 8px; float: left;}
/* footer css */
#footer { clear :both; text-align : center; padding: 10px 0; width : 100%;
}#footer p {font-size : 75%; line-height: 2; margin-top : 0; margin-bottom :
0;}</style></head>
<body><div id="sitecontainer">
<div id="header">
<div id="sitelogo"><a href="indexone.html"><img class="logo" alt=""
src="site/sitelogo.gif" height="91" width="300"/></a></div></div>
<div><ul id="topnav"> <li><div class="topmenuitem"><a href="">Home</a>
</div></li> <li><div class="topmenuitem"><a href="">About site</a> </div></li>
<li><div class="topmenuitem"><a href="">site volunteers</a> </div></li>
<li><div class="topmenuitem"><a href="">site solutions</a> </div></li> <li><div
class="topmenuitem"><a href="">site Forum</a> </div></li> <li><div
class="topmenuitem"><a href="">Support Us</a> </div></li></ul></div>
<div id="central">
<div id="contenthome"><div id="clearboth"><img height="148" alt="Homepage"
src="site/Homepage-1.jpg" width="544" />
<div class="contentone">contentone</div><div
class="contenttwo">contenttwo</div></div></div>
<!-- right navigation -->
<div id="cont"><div class="dividerstrip"> </div>
<div class="conth">Events</div>
<div class="smallintro"><p><img src="site/charity.jpg" alt="" width="65" /><a
href="">site, site, site</a><br />site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site, site, site, site.</p></div>
<div class="smallintro"><p><img src="site/charity.jpg" alt="" width="65"/><a
href="">site, site, site</a><br />site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site, site, site, site.</p></div><div
class="clearboth"><br/></div>
<div class="dividerstrip"> </div>
<div class="conth">News and Features</div><div class="smallintro"><p><img
src="site/charity.jpg" alt="" width="65" /><a href="">site, site, site</a><br
/>site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site,
site.</p></div>
<div class="smallintro"> <p><img src="site/charity.jpg" alt="" width="65" /><a
href="">site, site, site</a><br />site, site, site, site, site, site, site,
site, site, site, site, site, site, site, site, site, site, site, site, site,
site, site, site, site, site, site, site.</p></div>
<div class="clearboth"></div></div></div>
<div id="footer">
<div id="footertext"><p>copyright etc. icons</p></div></div></div></body></html>
_________________________________________________________________
Find the best and worst places on the planet
http://clk.atdmt.com/UKM/go/101719807/direct/01/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
