Web Analytics Made Easy -
StatCounter Column not moving when text is added - CodingForum

Announcement

Collapse
No announcement yet.

Column not moving when text is added

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Column not moving when text is added

    Here is the image:



    This is the code:

    Originally posted by code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>News</title><meta name="keywords" content="coffee, espresso, expresso, machine, machines, servicing, beans, grinder, grinders, supplies" />
    <meta name="description" content="Fiorenzato UK take pride in supplying traditional, high quality espresso machines to the hospitality industry." />

    <style type="text/css" id="container">
    <!--


    #container {
    padding: 5px;
    width: 949px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    }

    div#colL {
    width:450px;
    float:left;
    border: 1px solid #000000;
    padding: 5px;
    }
    div#colR {
    width:450px;
    float:right;
    border: 1px solid #000000;
    padding: 5px;
    }

    body {
    background-color: #B1B4AD;
    line-height: 20px;
    }

    .header {
    text-align: center;
    padding: 0px;
    height: 150px;
    width: 949px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    }
    .Navigationcolumn {
    padding: 0px;
    float: none;
    height: 38px;
    width: 949px;
    margin-bottom: 10px;

    }
    .Centrecolumn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: #FFFFFF;
    width: 929px;
    float: none;
    padding: 10px;
    }

    .Centrecolumn p {margin: 0px 0px 30px 0px}

    .imageright {
    float: right;
    border: thin none #000000;
    padding-top: 1px;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-left: 1px;
    margin-right: 0px;
    }
    .footercolumn {
    width: 949px;
    background-repeat: repeat;
    float: none;
    bottom: auto;
    }
    .imageleft {
    float: left;
    border: 1px solid #000000;
    padding-top: 1px;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-left: 1px;
    margin-right: 0px;
    position: fixed;
    }
    a:link {
    color: #3391C4;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #3391C4;
    }
    a:hover {
    text-decoration: underline;
    }
    a:active {
    text-decoration: none;
    }
    .double {
    }
    .title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #A37B36;
    }
    .style1 {color: #3391C4}
    .style2 {color: #3397B9}


    -->
    </style>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>

    <body onload="MM_preloadImages('assets/images/home_bar_rollover.jpg','assets/images/about_us_bar_rollover.jpg','assets/images/ducale_bar_rollover.jpg','assets/images/piazza_san_marco_rollover.jpg','assets/images/bricoletta_ber_rollover.jpg','assets/images/compact_bar_rollover.jpg','assets/images/contact_us_rollover.jpg','assets/images/news_bar_rollover.jpg')">
    <div id="container">
    <p class="header"><img src="assets/images/fiorenzato_image.jpg" width="949" height="150" alt="FiorenzatoUK" /></p>
    <p class="Navigationcolumn"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','assets/images/home_bar_rollover.jpg',1)"><img src="assets/images/home_bar.jpg" alt="Home" name="home" width="99" height="38" border="0" id="home" /></a><a href="about_fiorenzato_uk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about_us','','assets/images/about_us_bar_rollover.jpg',1)"><img src="assets/images/about_us_bar.jpg" alt="About Us" name="about_us" width="116" height="38" border="0" id="about_us" /></a><a href="ducale_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ducale','','assets/images/ducale_bar_rollover.jpg',1)"><img src="assets/images/ducale_bar.jpg" alt="Ducale" name="ducale" width="106" height="38" border="0" id="ducale" /></a><a href="piazza_san_marco_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('piazza_san_marco','','assets/images/piazza_san_marco_rollover.jpg',1)"><img src="assets/images/piazza_san_marco_bar.jpg" alt="Piazza San Marco" name="piazza_san_marco" width="182" height="38" border="0" id="piazza_san_marco" /></a><a href="bricoletta_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bricoletta','','assets/images/bricoletta_ber_rollover.jpg',1)"><img src="assets/images/bricoletta_bar.jpg" alt="Bricoletta" name="bricoletta" width="122" height="38" border="0" id="bricoletta" /></a><a href="compact_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('compact','','assets/images/compact_bar_rollover.jpg',1)"><img src="assets/images/compact_bar.jpg" alt="Compact" name="compact" width="116" height="38" border="0" id="compact" /></a><a href="contact_fiorenzato_uk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact_us','','assets/images/contact_us_rollover.jpg',1)"><img src="assets/images/contact_us_bar.jpg" alt="Contact Us" name="contact_us" width="127" height="38" border="0" id="contact_us" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','assets/images/news_bar_rollover.jpg',1)"><img src="assets/images/news_bar.jpg" alt="News" name="news" width="81" height="38" border="0" id="news" /></a></p>
    <div class="Centrecolumn"><p><img src="assets/images/news.jpg" alt="News" width="250" height="50" /></p>

    <div id="colL">

    <p align="center" class="title">Valentina's Seduced by Fiorenzato</p>

    <p align="center"><img src="assets/images/valentinas.jpg" alt="Valentina Restaurant. Fine food since 1991." /></p>

    <p>Valentina’s of London have reinforced their relationship with Fiorenzato
    UK by further investing in two Piazza San Marco espresso machines
    which are to be used at their new site, located in Putney.</p>

    <p>Valentina’s, an authentic Italian delicatessen and restaurant based in
    South West London has been operating for nearly 20 years. Their management
    and staff take pride in offering a range of fine foods, wines and catering
    services which are a testament to its popularity and success.
    It is a company who believe in quality and understand
    by investing in the right equipment and using only the
    finest of produce it will leave customers wanting to
    return for more.</p>

    <p>The owners of Valentina’s believed
    there was only one place to go when purchasing his
    espresso machines. “The coffee from the Piazza San
    Marco is as good as the coffee we have back in Italy,
    it tastes fantastic and our coffee sales have continued
    to increases as a result. </p>

    <p>The lever machine adds theatre to the restaurant;
    it intrigues our customers and captures their attention.
    If the coffee aroma and recommendations fail to sway their
    interest then they see our barista pulling
    an espresso and that usually does the trick. It’s attractive, easy to use but most importantly our customers love the coffee it produces.” </p>
    </div>
    <div id="colR"><p align="center"><span class="title">Fiorenzato Open New Barista Training facility and Showroom</span></p>
    <p>Fiorenzato are proud to present the opening of our new Barista training service which is exclusive to all Fiorenzato clientele. The training will take place in our attractive Barista training facility which provides a relaxed and comfortable learning environment. We believe that training is crucial to any coffee serving business that wishes to provide a great coffee on a consistent basis.</p>

    <p>The Fiorenzato Barista training experience offers our clients the following benefits:</p>


    <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />Your staff will be trained to correctly use an espresso machine and coffee grinder</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />Your staff will be trained to consistently produce great tasting coffee</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />We will help you to improve your overall sales of coffee</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />The training methods will help to motivate your staff to do their job as effectively and efficiently as they possibly can</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" />We aim to further develop your staff’s customer service which can lead to increased customer satisfaction and stronger sense of customer loyalty</p>


    <p><img src="assets/images/fiorenzato_bullet.jpg" />The Barista training course will last approximately two hours and it is limited to nine spaces per training session. We prefer to keep the numbers to a minimum so we can spend more time with people individually and make sure they get the very best out of the time spent with our Barista trainer.</p>

    <p>The Training course itself will incorporate the following content:</p>


    <p><img src="assets/images/fiorenzato_bullet.jpg" />Understanding how the Espresso Machine works and how to use it</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" />Knowing how to use the Coffee Grinder and appreciating the importance of the Grinder</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" />Learning the necessary Milk Techniques involved in making specific coffee drinks</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" />Mastering the Art of Tamping</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" />Learning Practical Cleaning Procedures</p>

    <p><img src="assets/images/fiorenzato_bullet.jpg" />Understanding the significance of Temperature Control</p>


    <p>The Barista courses are held at the Fiorenzato Barista training facility situated on the Skipper’s Lane Industrial estate, Middlesbrough. If you would like to schedule a place on our training course you can contact <span class="style2">Jen</span> on <span class="style1">01642 455145</span> or via email to: <a href="mailto:[email protected]">[email protected]</a></p>
    </div>

    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><br />
    </p>
    </div>
    </p>
    <p class="footercolumn"><img src="assets/images/new_showroom.jpg" width="949" height="150" class="footercolumn" /><br />

    </p>
    </p>
    <div align="center"><a href="index.html">Home</a> | <a href="about_fiorenzato_uk.html">About Us</a> | <a href="ducale_espresso.html">Ducale</a> | <a href="piazza_san_marco_espresso.html">Piazza San Marco</a> | <a href="compact_espresso.html">Compact</a> | <a href="bricoletta_espresso.html">Bricoletta</a> | <a href="contact_fiorenzato_uk.html">Contact Us</a> | News | <a href="the_perfect_espresso.html">The Recipe</a> | <a href="testimonials.html">Testimonials</a> | <a href="fiorenzato_parts_workshop.html">Workshop</a></div>
    So I have two columns inside the centre column. When I insert text into the two columns they move down the page along with the text. However, the main centre colum remains in the same position. It does not move with the other columns.

    Any ideas how I can fix this?

  • #2
    Basically you have floated two columns and not cleared them.
    Simple fix (although this is not semantically correct).

    Make a class in your css:
    Code:
    div.clear {
         clear: both;
    }
    Then in your html markup do:
    Code:
    </p>
    </div>
    [COLOR="Red"]<div class="clear"></div>[/COLOR]
    </p>
    <p class="footercolumn"><img src="assets/images/new_showroom.jpg" width="949" height="150" class="footercolumn" /><br />
    That should fix the problem.
    --> Check me out <--

    Comment


    • #3
      I'm still a noob so didn't quite understand all of your terminology.

      I used your changes and inserted them as so on my code page (it hasn't worked though, so i'm hoping I have misunderstood you and it's a quick fix :P - see bold):

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>News</title><meta name="keywords" content="coffee, espresso, expresso, machine, machines, servicing, beans, grinder, grinders, supplies" />
      <meta name="description" content="Fiorenzato UK take pride in supplying traditional, high quality espresso machines to the hospitality industry." />

      <style type="text/css" id="container">
      <!--


      #container {
      padding: 5px;
      width: 949px;
      margin-top: 0;
      margin-right: auto;
      margin-bottom: 0;
      margin-left: auto;
      }

      div#colL {
      width:450px;
      float:left;
      border: 1px solid #000000;
      padding: 5px;
      }
      div#colR {
      width:450px;
      float:right;
      border: 1px solid #000000;
      padding: 5px;
      }

      div.clear {
      clear: both;
      }


      body {
      background-color: #B1B4AD;
      line-height: 20px;
      }

      .header {
      text-align: center;
      padding: 0px;
      height: 150px;
      width: 949px;
      margin-bottom: 0px;
      background-repeat: no-repeat;
      }
      .Navigationcolumn {
      padding: 0px;
      float: none;
      height: 38px;
      width: 949px;
      margin-bottom: 10px;

      }
      .Centrecolumn {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;
      background-color: #FFFFFF;
      width: 929px;
      float: none;
      padding: 10px;
      }

      .Centrecolumn p {margin: 0px 0px 30px 0px}

      .imageright {
      float: right;
      border: thin none #000000;
      padding-top: 1px;
      padding-right: 15px;
      padding-bottom: 1px;
      padding-left: 1px;
      margin-right: 0px;
      }
      .footercolumn {
      width: 949px;
      background-repeat: repeat;
      float: none;
      bottom: auto;
      }
      .imageleft {
      float: left;
      border: 1px solid #000000;
      padding-top: 1px;
      padding-right: 15px;
      padding-bottom: 1px;
      padding-left: 1px;
      margin-right: 0px;
      position: fixed;
      }
      a:link {
      color: #3391C4;
      text-decoration: none;
      }
      a:visited {
      text-decoration: none;
      color: #3391C4;
      }
      a:hover {
      text-decoration: underline;
      }
      a:active {
      text-decoration: none;
      }
      .double {
      }
      .title {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: normal;
      color: #A37B36;
      }
      .style1 {color: #3391C4}
      .style2 {color: #3397B9}


      -->
      </style>
      <script type="text/javascript">
      <!--
      function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
      }
      function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
      if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
      }

      function MM_findObj(n, d) { //v4.01
      var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
      d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
      }

      function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
      }
      //-->
      </script>
      </head>

      <body onload="MM_preloadImages('assets/images/home_bar_rollover.jpg','assets/images/about_us_bar_rollover.jpg','assets/images/ducale_bar_rollover.jpg','assets/images/piazza_san_marco_rollover.jpg','assets/images/bricoletta_ber_rollover.jpg','assets/images/compact_bar_rollover.jpg','assets/images/contact_us_rollover.jpg','assets/images/news_bar_rollover.jpg')">
      <div id="container">
      <p class="header"><img src="assets/images/fiorenzato_image.jpg" width="949" height="150" alt="FiorenzatoUK" /></p>
      <p class="Navigationcolumn"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','assets/images/home_bar_rollover.jpg',1)"><img src="assets/images/home_bar.jpg" alt="Home" name="home" width="99" height="38" border="0" id="home" /></a><a href="about_fiorenzato_uk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about_us','','assets/images/about_us_bar_rollover.jpg',1)"><img src="assets/images/about_us_bar.jpg" alt="About Us" name="about_us" width="116" height="38" border="0" id="about_us" /></a><a href="ducale_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ducale','','assets/images/ducale_bar_rollover.jpg',1)"><img src="assets/images/ducale_bar.jpg" alt="Ducale" name="ducale" width="106" height="38" border="0" id="ducale" /></a><a href="piazza_san_marco_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('piazza_san_marco','','assets/images/piazza_san_marco_rollover.jpg',1)"><img src="assets/images/piazza_san_marco_bar.jpg" alt="Piazza San Marco" name="piazza_san_marco" width="182" height="38" border="0" id="piazza_san_marco" /></a><a href="bricoletta_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bricoletta','','assets/images/bricoletta_ber_rollover.jpg',1)"><img src="assets/images/bricoletta_bar.jpg" alt="Bricoletta" name="bricoletta" width="122" height="38" border="0" id="bricoletta" /></a><a href="compact_espresso.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('compact','','assets/images/compact_bar_rollover.jpg',1)"><img src="assets/images/compact_bar.jpg" alt="Compact" name="compact" width="116" height="38" border="0" id="compact" /></a><a href="contact_fiorenzato_uk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact_us','','assets/images/contact_us_rollover.jpg',1)"><img src="assets/images/contact_us_bar.jpg" alt="Contact Us" name="contact_us" width="127" height="38" border="0" id="contact_us" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','assets/images/news_bar_rollover.jpg',1)"><img src="assets/images/news_bar.jpg" alt="News" name="news" width="81" height="38" border="0" id="news" /></a></p>
      <div class="Centrecolumn"><p><img src="assets/images/news.jpg" alt="News" width="250" height="50" /></p>

      <div id="colL">

      <p align="center" class="title">Valentina's Seduced by Fiorenzato</p>

      <p align="center"><img src="assets/images/valentinas.jpg" alt="Valentina Restaurant. Fine food since 1991." /></p>

      <p>Valentina’s of London have reinforced their relationship with Fiorenzato
      UK by further investing in two Piazza San Marco espresso machines
      which are to be used at their new site, located in Putney.</p>

      <p>Valentina’s, an authentic Italian delicatessen and restaurant based in
      South West London has been operating for nearly 20 years. Their management
      and staff take pride in offering a range of fine foods, wines and catering
      services which are a testament to its popularity and success.
      It is a company who believe in quality and understand
      by investing in the right equipment and using only the
      finest of produce it will leave customers wanting to
      return for more.</p>

      <p>The owners of Valentina’s believed
      there was only one place to go when purchasing his
      espresso machines. “The coffee from the Piazza San
      Marco is as good as the coffee we have back in Italy,
      it tastes fantastic and our coffee sales have continued
      to increases as a result. </p>

      <p>The lever machine adds theatre to the restaurant;
      it intrigues our customers and captures their attention.
      If the coffee aroma and recommendations fail to sway their
      interest then they see our barista pulling
      an espresso and that usually does the trick. It’s attractive, easy to use but most importantly our customers love the coffee it produces.” </p>
      </div>
      <div id="colR"><p align="center"><span class="title">Fiorenzato Open New Barista Training facility and Showroom</span></p>
      <p>Fiorenzato are proud to present the opening of our new Barista training service which is exclusive to all Fiorenzato clientele. The training will take place in our attractive Barista training facility which provides a relaxed and comfortable learning environment. We believe that training is crucial to any coffee serving business that wishes to provide a great coffee on a consistent basis.</p>

      <p>The Fiorenzato Barista training experience offers our clients the following benefits:</p>


      <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />Your staff will be trained to correctly use an espresso machine and coffee grinder</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />Your staff will be trained to consistently produce great tasting coffee</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />We will help you to improve your overall sales of coffee</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" width="25" height="30" />The training methods will help to motivate your staff to do their job as effectively and efficiently as they possibly can</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" />We aim to further develop your staff’s customer service which can lead to increased customer satisfaction and stronger sense of customer loyalty</p>


      <p><img src="assets/images/fiorenzato_bullet.jpg" />The Barista training course will last approximately two hours and it is limited to nine spaces per training session. We prefer to keep the numbers to a minimum so we can spend more time with people individually and make sure they get the very best out of the time spent with our Barista trainer.</p>

      <p>The Training course itself will incorporate the following content:</p>


      <p><img src="assets/images/fiorenzato_bullet.jpg" />Understanding how the Espresso Machine works and how to use it</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" />Knowing how to use the Coffee Grinder and appreciating the importance of the Grinder</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" />Learning the necessary Milk Techniques involved in making specific coffee drinks</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" />Mastering the Art of Tamping</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" />Learning Practical Cleaning Procedures</p>

      <p><img src="assets/images/fiorenzato_bullet.jpg" />Understanding the significance of Temperature Control</p>


      <p>The Barista courses are held at the Fiorenzato Barista training facility situated on the Skipper’s Lane Industrial estate, Middlesbrough. If you would like to schedule a place on our training course you can contact <span class="style2">Jen</span> on <span class="style1">01642 455145</span> or via email to: <a href="mailto:[email protected]">[email protected]</a></p>
      </div>

      <div class="clear"></div>

      <p class="footercolumn"><img src="assets/images/new_showroom.jpg" width="949" height="150" class="footercolumn" /><br />

      </p>
      </p>
      <div align="center"><a href="index.html">Home</a> | <a href="about_fiorenzato_uk.html">About Us</a> | <a href="ducale_espresso.html">Ducale</a> | <a href="piazza_san_marco_espresso.html">Piazza San Marco</a> | <a href="compact_espresso.html">Compact</a> | <a href="bricoletta_espresso.html">Bricoletta</a> | <a href="contact_fiorenzato_uk.html">Contact Us</a> | News | <a href="the_perfect_espresso.html">The Recipe</a> | <a href="testimonials.html">Testimonials</a> | <a href="fiorenzato_parts_workshop.html">Workshop</a></div>
      </div>
      </body>
      </html>
      Last edited by grahamy84; Apr 15, 2009, 06:42 AM.

      Comment


      • #4
        The revised code you posted does work for me.

        Alternatively you could add "overflow: auto" to .Centrecolumn, which does the same thing. This may be considered the cleaner solution, because it keeps the styling stuff out of the HTML.
        .My new Javascript tutorial site: http://reallifejs.com/
        .Latest article: Calculators — Tiny jQuery calculator, Full-fledged OOP calculator, Big number calculator
        .Latest quick-bit: Including jQuery — Environment-aware minification and CDNs with local fallback

        Comment


        • #5
          Sorry my bad.

          It does work!

          Last edited by grahamy84; Apr 15, 2009, 08:28 AM.

          Comment

          Working...
          X