SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Angry IE Win obliterating div border

    Please take a look at the following URL: http://www.expressandstar.com/content/index.php
    (Stylesheet: http://www.expressandstar.com/conten...css_styles.css)

    Basically the arrangement goes:

    <topcontainer> Container for next two elements
    <areahead>The "Business logo", floated left
    <banner>The random banner ad
    <clear>Sets clear for "both"
    <end of topcontainer>

    Then remainder of page (basically a three column layout based on Dan Schafer's Designing Without Tables Using CSS). Footer at bottom added with another <clear> div.

    Wanting a 1px line below the two top graphics, I originally set this up using the bottom border of <topcontainer>. This looked fine in all browsers on my Mac (including IE) and on all browsers on Windows - except IE, where it appeared to get obliterated as the page was rendered. For those of you who can see it, I've coloured it green for now.

    I then tried to get around this problem by instead setting border properties for the <areahead> and <banner> divs instead (red and blue lines respectively here for clarity). But while this again looked fine in Firefox and other less-used browsers, in Windows IE the two borders don't line up horizontally.

    This is my first table-less design and I could really do with some help, guys! All contributions welcomed.

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    float not cleared in topcontainer, is it #clear or .clear ?

    your html haze a few errors, but there is ton's and ton's of unnecessary html code and even more in the css sheet


    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Template 2005</title>
    	<style type="text/css">
    body {
    	margin: 0px;
    	padding: 0px;
    }
    .clear {
    clear:both;height:1px;overflow:hidden;/*margin-top:-1px;*/
    }
    
    #topcontainer {
    	margin: 0 0 5px 0;
    	width: 100%;
    	border-bottom:1px solid #66ff00;
    	height: 105px;
    }
    #areahead {
    	width:270px;
    	float: left;
    	/*left: 0px;
    	top: 0px;
    	
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 10px;
    	margin-left: 0px;
    	height: 100px;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	border-top-color: #FF0000;
    	border-right-color: #FF0000;
    	border-bottom-color: #FF0000;
    	border-left-color: #FF0000;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 1px;
    	padding-left: 0px;*/
    }
    #banner {
    	margin:1px 0 0 0;
    	float:left;
    	/*margin-right: 0px;
    	margin-bottom: 10px;
    	margin-left: 270px;
    	height: 10px;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	border-top-color: #0000FF;
    	border-right-color: #0000FF;
    	border-bottom-color: #0000FF;
    	border-left-color: #0000FF;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 1px;
    	padding-left: 0px;*/
    }
    #nav {
    	float: left;
    	width: 150px;
    	padding-top: 0px;
    	padding-right: 5px;
    	padding-bottom: 5px;
    	padding-left: 0px;
    }
    #ads {
    	float: right;
    	width: 170px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 4px;
    	padding-left: 0px;
    	margin: 0px;
    	border: 1px solid #0000FF;
    }
    #main {
    	margin-top: 0px;
    	margin-right: 180px;
    	margin-bottom: 0px;
    	margin-left: 160px;
    	padding: 0px;
    }
    #leftcontent {
    	margin-top: 0px;
    	margin-right: 210px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    }
    #rightcontent {
    	float: right;
    	width: 184px;
    	background-color: #eeeeee;
    	padding: 0px;
    	border: 1px solid #CCCCCC;
    }
    .navhome {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 0.65em;
    	font-weight: bold;
    	color: #000000;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: solid;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: none;
    	border-top-color: #999999;
    	border-right-color: #999999;
    	border-bottom-color: #999999;
    	border-left-color: #999999;
    	padding-top: 1px;
    	padding-right: 0px;
    	padding-bottom: 1px;
    	padding-left: 0px;
    	background-color: #ffffff;
    	text-indent: 5px;
    	display: block;
    }
    .navmain {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 0.75em;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: none;
    	border-top-color: #999999;
    	border-right-color: #999999;
    	border-bottom-color: #999999;
    	border-left-color: #999999;
    	text-indent: 5px;
    	padding: 2px 0px;
    }
    .navsection {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 0.65em;
    	color: #990000;
    	font-weight: bold;
    	background-color: #eeeeee;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: none;
    	border-top-color: #999999;
    	border-right-color: #999999;
    	border-bottom-color: #999999;
    	border-left-color: #999999;
    	padding-top: 1px;
    	padding-right: 0px;
    	padding-bottom: 1px;
    	padding-left: 5px;
    }
    #footer {
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: solid;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	border-top-color: #999999;
    	border-right-color: #999999;
    	border-bottom-color: #999999;
    	border-left-color: #999999;
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 0.7em;
    	color: #990000;
    	text-align: right;
    	padding-top: 3px;
    	padding-right: 10px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    }
    .button {
    	padding: 5px;
    	border: 1px none #999999;
    	text-align: center;
    }
    .smalladhead {
    	background-color: #cccccc;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: .7em;
    	padding: 2px;
    	margin: 5px 5px 0px;
    }
    .smallad {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: .7em;
    	padding: 2px;
    	border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: none;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: solid;
    	border-top-color: #cccccc;
    	border-right-color: #cccccc;
    	border-bottom-color: #cccccc;
    	border-left-color: #cccccc;
    	margin-top: 0px;
    	margin-right: 5px;
    	margin-bottom: 0px;
    	margin-left: 5px;
    }
    #ruledhead {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.7em;
    	color: #cccccc;
    	text-align: center;
    	padding: 1px 0px;
    	margin-top: 3px;
    	margin-right: 25px;
    	margin-bottom: 0px;
    	margin-left: 25px;
    	font-weight: normal;
    	border-top: 1px solid #CCCCCC;
    	border-right: 1px none #CCCCCC;
    	border-bottom: 1px none #CCCCCC;
    	border-left: 1px none #CCCCCC;
    }
    a:link {
    	color: #003366;
    }
    a:visited {
    	color: #663366;
    }
    a:hover {
    	background-color: #CCCCCC;
    	border: 1px none #999999;
    }
    a:active {
    	color: #000000;
    }
    .navmain a:link {
    	color: #000000;
    	text-decoration: none;
    	display: block;
    }
    .navmain a:visited {
    	color: #000000;
    	text-decoration: none;
    	display: block;
    }
    .navmain a:hover {
    	background-color: #CCCCCC;
    	display: block;
    	color: #000000;
    	text-decoration: none;
    }
    .navmain a:active {
    	color: #000000;
    	text-decoration: none;
    	background-color: #CCCCCC;
    	display: block;
    }
    .navhome a:link {
    	color: #000000;
    	text-decoration: none;
    	display: block;
    }
    .navhome a:visited {
    	color: #000000;
    	display: block;
    	text-decoration: none;
    }
    .navhome a:hover {
    	color: #FFFFFF;
    	background-color: #333333;
    	text-decoration: none;
    }
    .navhome a:active {
    	color: #FFFFFF;
    	background-color: #333333;
    	display: block;
    	text-decoration: none;
    }
    p {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 0.8em;
    }
    .default {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 0.8em;
    }
    .head1 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 1.9em;
    	font-weight: bold;
    }
    .head2 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 1.5em;
    	font-weight: bold;
    	font-size: 1.5em;
    }
    .head3 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 1.3em;
    	font-weight: bold;
    }
    .head4 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 0.9em;
    }
    .linktag {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 0.9em;
    	font-weight: bold;
    	text-align: right;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 8px;
    	padding-left: 0px;
    }
    .rightitems {
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 8px;
    	padding-left: 0px;
    }
    
    
    	</style>
    </head>
    <body>
    <div id="topcontainer">
    <div id="areahead"><img src="images/business.gif" alt="Business section" width="272" height="60"></div>
    <div id="banner">
    <script language='JavaScript' type='text/javascript'>
    <!--
       if (!document.phpAds_used) document.phpAds_used = ',';
       document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
       document.write ("http://www.expressandstar.com/phpads/adjs.php?n=a61cb8a4");
       document.write ("&amp;what=banner,-clientid:3");	
       document.write ("&amp;exclude=" + document.phpAds_used);
       document.write ("'><" + "/script>");
    //-->
    </script> <noscript>
      <a href='http://www.expressandstar.com/phpads/adclick.php?n=a61cb8a4'><img src='http://www.expressandstar.com/phpads/adview.php?what=banner,-clientid:3&amp;n=a61cb8a4' border='0' alt='Banner advertisement' align="top"></a></noscript>
    </div>
    <div class="clear"></div>
    </div>
    
    <div id="nav">
    <div class="navhome"><a href="http://www.expressandstar.com/">HOME</a></div>
    <div class="navsection">EXPRESS &amp; STAR</div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_177.php">News</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_74.php">Wolves</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_131.php">Albion</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_148.php">Villa</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_134.php">Saddlers</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_139.php">Harriers</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_152.php">More Sport</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_62.php">Business</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/es/buysell/classifieds/index.shtml">Classifieds</a></div>
    <div class="navmain"><a href="http://www.midlandsjobs.com/" target="_blank">Jobs</a></div>
    <div class="navmain"><a href="http://content.blackcountry.com/motoring/index.php">Motoring</a></div>
    <div class="navmain"><a href="http://property.blackcountry.com/Property/Residential/">Residential Property </a></div>
    <div class="navmain"><a href="http://property.blackcountry.com/Property/Commercial/">Commercial Property</a></div>
    <div class="navsection">CHRONICLES</div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_20.php">Wolverhampton</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_274.php">Walsall &amp; Willenhall</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_289.php">Sandwell &amp; Great Barr</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_277.php">Dudley &amp; Halesowen</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_283.php">Stourbridge</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_286.php">Kidderminster</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_265.php">Cannock &amp; Rugeley</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_310.php">Lichfield</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_271.php">Stafford &amp; Stone</a></div>
    <div class="navsection">FEATURES</div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_183.php">Life</a></div>
    <div class="navmain"><a href="http://bb.blackcountry.com/communitycentral/">Message Boards</a></div>
    <div class="navmain"><a href="http://bb.blackcountry.com/photos/index.php">Photos</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_89.php">Entertainment</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_97.php">Food &amp; Drink</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_93.php">Women</a></div>
    <div class="navmain"><a href="http://www.midlandsmemories.com/" target="_blank">Nostalgia</a></div>
    <div class="navmain"><a href="http://www.mydigiguide.com/dgx/wbl.dll?h=22">TV Guide</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/artman/publish/cat_index_46.php">Horoscopes</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/es/features/supplements/">Supplements</a></div>
    <div class="navsection">ABOUT US</div>
    <div class="navmain"><a href="http://www.expressandstar.com/es/aboutus/contacts/editorial.shtml">Editorial contacts</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/es/aboutus/contacts/advertising.shtml">Advertising contacts</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/es/aboutus/offices/index.shtml">Offices</a></div>
    <div class="navmain"><a href="http://www.expressandstar.com/es/aboutus/adinfo/internet/index.shtml">New Media</a></div></div>
    <div id="ads">
    <div id="ruledhead">ADVERTISERS</div>
    <div class="button"> 
      <img src="images/test/laserprocess.gif" alt="Sample ad" width="120" height="90"></div>
    <div class="button">
     <img src="images/test/spinlink120x90.gif" alt="sample ad">
    </div>
    <div class="button">
     <img src="images/test/ahconstruction.gif" alt="sample ad" width="120" height="90"> 
    </div>
    <div class="smalladhead"><strong>SMALL ADS</strong><br>
    Advertise here for just &pound;1 a day - unlimited clicks!
    </div>
    <div class="smallad"><script language='JavaScript' type='text/javascript'>
    <!--
       if (!document.phpAds_used) document.phpAds_used = ',';
       phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
       
       document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
       document.write ("http://www.expressandstar.com/phpads/adjs.php?n=" + phpAds_random);
       document.write ("&amp;what=prop_text,&amp;block=1");
       document.write ("&amp;exclude=" + document.phpAds_used);
       if (document.referer)
          document.write ("&amp;referer=" + escape(document.referer));
       document.write ("'><" + "/script>");
    //-->
        </script>
                <noscript>
                <a href='http://www.expressandstar.com/phpads/adclick.php?n=a3ddc421' target='_blank'><img src='http://www.expressandstar.com/phpads/adview.php?clientid=217&amp;n=a3ddc421' border='0' alt='Banner ad'></a>
    </noscript>			
    </div>
    <div class="smallad">
    <script language='JavaScript' type='text/javascript'>
    <!--
       if (!document.phpAds_used) document.phpAds_used = ',';
       phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
       
       document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
       document.write ("http://www.expressandstar.com/phpads/adjs.php?n=" + phpAds_random);
       document.write ("&amp;what=prop_text,&amp;block=1");
       document.write ("&amp;exclude=" + document.phpAds_used);
       if (document.referer)
          document.write ("&amp;referer=" + escape(document.referer));
       document.write ("'><" + "/script>");
    //-->
        </script>
                <noscript>
                <a href='http://www.expressandstar.com/phpads/adclick.php?n=a3ddc421' target='_blank'><img src='http://www.expressandstar.com/phpads/adview.php?clientid=217&amp;n=a3ddc421' border='0' alt='Banner ad'></a>
    </noscript>			
    </div>
    <div class="smallad"><script language='JavaScript' type='text/javascript'>
    <!--
       if (!document.phpAds_used) document.phpAds_used = ',';
       phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
       
       document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
       document.write ("http://www.expressandstar.com/phpads/adjs.php?n=" + phpAds_random);
       document.write ("&amp;what=prop_text,&amp;block=1");
       document.write ("&amp;exclude=" + document.phpAds_used);
       if (document.referer)
          document.write ("&amp;referer=" + escape(document.referer));
       document.write ("'><" + "/script>");
    //-->
        </script>
                <noscript>
                <a href='http://www.expressandstar.com/phpads/adclick.php?n=a3ddc421' target='_blank'><img src='http://www.expressandstar.com/phpads/adview.php?clientid=217&amp;n=a3ddc421' border='0' alt='Banner ad'></a>
    </noscript>			</div>
    <div class="smallad"><script language='JavaScript' type='text/javascript'>
    <!--
       if (!document.phpAds_used) document.phpAds_used = ',';
       phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
       
       document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
       document.write ("http://www.expressandstar.com/phpads/adjs.php?n=" + phpAds_random);
       document.write ("&amp;what=prop_text,&amp;block=1");
       document.write ("&amp;exclude=" + document.phpAds_used);
       if (document.referer)
          document.write ("&amp;referer=" + escape(document.referer));
       document.write ("'><" + "/script>");
    //-->
        </script>
                <noscript>
                <a href='http://www.expressandstar.com/phpads/adclick.php?n=a3ddc421' target='_blank'><img src='http://www.expressandstar.com/phpads/adview.php?clientid=217&amp;n=a3ddc421' border='0' alt='Banner ad'></a>
    </noscript>			</div>
    <div class="smallad">
      <script language='JavaScript' type='text/javascript'>
    <!--
       if (!document.phpAds_used) document.phpAds_used = ',';
       phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
       
       document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
       document.write ("http://www.expressandstar.com/phpads/adjs.php?n=" + phpAds_random);
       document.write ("&amp;what=prop_text,&amp;block=1");
       document.write ("&amp;exclude=" + document.phpAds_used);
       if (document.referer)
          document.write ("&amp;referer=" + escape(document.referer));
       document.write ("'><" + "/script>");
    //-->
        </script>
                <noscript>
                <a href='http://www.expressandstar.com/phpads/adclick.php?n=a3ddc421' target='_blank'><img src='http://www.expressandstar.com/phpads/adview.php?clientid=217&amp;n=a3ddc421' border='0' alt='Banner ad'></a>
    </noscript>
                <noscript>
                </noscript>
    </div>
    </div>
    <div id="main">
    <div id="rightcontent">
    <div class="rightitems"><img src="images/test/courier.jpg" alt="Sample picture" width="180" height="180" border="1"><br>
     <span class="head4"><a href="link.html">Really going places</a></span><br>
     <span class="default">Six new jobs have been created after a multi award-winning Cannock firm bought out another company.</span>
     </div>
    <div class="rightitems">
    <img src="images/test/bestblackco05_button.gif" alt="Best of the Black Country" width="180" height="45"><br>
    <span class="head4"><a href="link.html">Are you a winner?</a></span><br>
    <span class="default">Simply the best? Enter your company now for our ever-popular annual awards.</span></div>
    <div class="rightitems">
     <img src="images/test/prosper_button.gif" alt="Prosper" width="180" height="45"><br>
     <span class="head4"><a href="link.html">Record year for lenders</a></span><br>
    <span class="default">A Dudley-based social investment organistion has lent more than &pound;300,000 to help support local businesses in just 12 months.</span>
    </div>
    <div class="linktag"><a href="link.html"><span class="linktag">Complete Prosper</span></a></div>
    <div class="rightitems"><img src="images/test/commprop.gif" alt="Commercial Property"><br>
    <span class="head4"><a href="link.html">Consultants appointed</a></span><br>
    <span class="default">National property consultancy Wakemans has been appointed quantity surveyor on the &pound;1.5m new-build development of the new Liberal Club in Cradley Heath.</span></div>
    </div>
    <div id="leftcontent">
    <p><span class="head1"><a href="link.html">Aga buys maker of kitchens</a></span><br>
    The group behind the Aga cooker range has swallowed up European furniture manufacturer Grange in a &pound;5.1 million deal.</p>
    <p><span class="head3"><a href="link.html">Car dealer snaps up five firms</a></span><br>
      Reg Vardy, the UK-wide car dealership, is buying another five businesses for a total of &pound;15.5 million.</p>
    <p><a href="link.html" class="head3">Agency strikes gold with award</a><br>
      Advantage West Midlands has become the first regional development agency to scoop a gold award at the British Diversity Awards.</p>
    <p><a href="link.html" class="head3">Distributor really gets things moving</a><br>
      Palletised freight distribution network PalletFORCE has doubled its current capacity to 12,000 pallet spaces following the acquisition of two warehouses next to its existing distribution hub at Fradley Park near Lichfield.</p>
    <p>  <a href="link.html" class="head3">Banding together to build brighter future</a><br>
      Millions of &lsquo;rubber bands&rsquo; are helping drive a South Staffordshire business towards a bright future.</p>
    <p>  <a href="link.html" class="head3">New charity auction is planned</a><br>
      West Bromwich-based property group and auctioneers Bond Wolfe is running its next auction event on July 20.</p>
    <p><a href="link.html" class="head3">Groundbreaking network launched</a><br>
      The West Midlands is set to have a major say in the evolution of the automotive industry through the launch of a groundbreaking European Project.</p>
    <p><a href="link.html" class="head3">Club gets a taste of America</a><br>
      New Black Country businesses are being offered a taste of America and an insight into the benefits of e-commerce.</p>
    <p><a href="link.html" class="head3">Rover four ditch trust despite promises</a><br>
        The Phoenix Four have pulled out of a &pound;30 million trust to help the 6,000 sacked MG Rover workers - going back on promises made at the time of the car company's collapse.</p>
    <p><a href="link.html" class="head3">Carillion set to be on target</a><br>
      Wolverhampton-based construction and engineering giant Carillion said that its results for the last six months are expected to be in line with expectations.</p>
    <p> <a href="link.html" class="head3">Galleon cut back in losses</a><br>
      Stourbridge-based new media group Galleon Holdings has &quot;significantly reduced&quot; pre-tax losses for the six months to March 31.</p>
    </div>
    </div>
    <div class="clear"></div>
    <div id="footer">&copy; Express &amp; Star Ltd, 1997-2005</div>
    </body>

  3. #3
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks. I had a missing </div> for a start, which cured the obliterated border problem!

    I'm aware (now) of shorthand version of css and I need to learn this next but needed a quick fix for now.

    The html code for the mocked-up stories was quick and dirty for that very reason, but are there other glaring html errors I should address?

    Thanks for your input,

    Aidan

  4. #4
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    No, very minor errors like missing width and height for images, but you went
    over the top using div's for the nav navmain, the A tag with a <br> is the minimum
    needed.

  5. #5
    SitePoint Member
    Join Date
    Jul 2005
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah well, on the learning curve! LOL thanks for your input again. Much appreciated.

    Aidan


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •