PDA

View Full Version : Column not moving when text is added



grahamy84
Apr 15th, 2009, 10:41 AM
Here is the image:

http://img23.imageshack.us/img23/855/centrecolumnnotmoving.jpg

This is the 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?

Aitchy13
Apr 15th, 2009, 12:12 PM
Basically you have floated two columns and not cleared them.
Simple fix (although this is not semantically correct).

Make a class in your css:


div.clear {
clear: both;
}


Then in your html markup do:


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


That should fix the problem.

grahamy84
Apr 15th, 2009, 12:40 PM
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>

venegal
Apr 15th, 2009, 02:06 PM
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.

grahamy84
Apr 15th, 2009, 02:24 PM
Sorry my bad.

It does work!

:thumbsup: