PDA

View Full Version : Help centering a complete site


SiCaln
11-04-2009, 08:40 PM
Sorry to ask on here, esp as this is my first post but i am trying to centre this entire page without the use of tables, but can not seem to do it.

Any help much appreciated, I am a bit of a novice on dw so here is the code I have so far (btw i am using dw 8 )


<!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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/JavaScript">
<!--
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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<style type="text/css">
<!--
.header { font-size: x-large;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #999999;
text-indent: 29px;
vertical-align: middle;
}
.body { font-size: x-small;
color: #FFFFFF;
}
.footer { font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #999999;
}
-->
</style>
</head>
<body onload="MM_preloadImages('riftbuttons/homeup.gif','riftbuttons/homeover.gif','riftbuttons/homedown.gif','riftbuttons/aboutdown.gif','riftbuttons/aboutover.gif')">

<span style="position: absolute; left: 0; top: 52px; width: 194px; height: 142px; z-index: 2; visibility: visible;"><img src="riftimages/riftsoftwared.jpg" alt="logo" name="logo" width="194" height="142" id="logo" /></span>
<div id="Layer1" style="position: absolute; left: 205px; top: 109px; width: 400px; height: 40px; z-index: 1; font-weight: bold; visibility: visible;">
<div align="left"><a href="rifthome.html" target="_top" onclick="MM_nbGroup('down','group1','home','riftbuttons/homedown.gif',1)" onmouseover="MM_nbGroup('over','home','riftbuttons/homeover.gif','riftbuttons/homedown.gif',1)" onmouseout="MM_nbGroup('out')"></a><a href="riftabout.html" target="_top" onclick="MM_nbGroup('down','group1','about','riftbuttons/aboutdown.gif',1)" onmouseover="MM_nbGroup('over','about','riftbuttons/aboutover.gif','riftbuttons/aboutdown.gif',1)" onmouseout="MM_nbGroup('out')"></a><a href="rifthome.html" target="_top" onclick="MM_nbGroup('down','group1','home','riftbuttons/homedown.gif',1)" onmouseover="MM_nbGroup('over','home','riftbuttons/homeover.gif','riftbuttons/homedown.gif',1)" onmouseout="MM_nbGroup('out')"><img src="riftbuttons/homedown.gif" alt="home" name="home" width="177" height="40" border="0" id="home" onload="MM_nbGroup('init','group1','home','riftbuttons/homeup.gif',1)" /></a><a href="riftabout.html" target="_top" onclick="MM_nbGroup('down','group1','about','riftbuttons/aboutdown.gif',1)" onmouseover="MM_nbGroup('over','about','riftbuttons/aboutover.gif','riftbuttons/aboutdown.gif',1)" onmouseout="MM_nbGroup('out')"><img src="riftbuttons/aboutup.gif" alt="about" name="about" width="177" height="40" border="0" id="about" onload="" /></a></div>
</div>
<div id="Layer2" style="position: absolute; left: 161px; top: 148px; width: 750px; height: 78px; z-index: 1; text-align: left; background-image: url(riftimages/tablebg2.gif); layer-background-image: url(riftimages/tablebg2.gif); border: 1px none #000000; visibility: visible;">
<blockquote>
<h1 align="left" class="header">Welcome to Rift Software Ltd.</h1>
</blockquote>
</div>
<div id="Layer3" style="position: absolute; left: 161px; top: 221px; width: 750px; z-index: 1; background: #292929; text-align: left; visibility: visible;">
<blockquote class="footer"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer libero mi, imperdiet nec viverra fermentum, gravida at purus. Nullam nec leo diam. Vivamus ligula justo, condimentum non mollis ac, dictum a elit. Fusce nec diam erat. Nam vitae elit metus. Vivamus vitae accumsan arcu. Praesent sit amet metus erat. Etiam id elit nec risus mollis egestas. Aenean in nunc nulla, laoreet consectetur ante. Vestibulum vehicula, sapien quis adipiscing malesuada, lacus justo suscipit felis, vitae imperdiet augue dui nec felis. Pellentesque auctor mattis suscipit. Nam in nulla purus, at varius elit. Nam ligula erat, aliquam non euismod sit amet, pellentesque sed dolor. Etiam nec justo et nisl fringilla sollicitudin id vitae dui. Aliquam pellentesque tincidunt pulvinar. Curabitur a neque est, ac commodo urna.
<p>Nulla sit amet convallis mi. Sed rutrum euismod ante eu pharetra. Ut placerat cursus arcu placerat dapibus. In et ante neque. Etiam non ligula nisl. Aliquam erat volutpat. Pellentesque at mauris volutpat diam tempor rutrum vitae non ante. Curabitur eu vehicula purus. Vivamus at tortor quam. Morbi convallis, tellus id convallis fermentum, arcu magna malesuada nisi, et pretium ante purus eu leo. Pellentesque lectus tellus, blandit a mattis molestie, dignissim quis erat. </p>
<p>Vestibulum non dictum risus. Ut non lorem ut magna rutrum laoreet et sed ligula. Sed eu enim massa. Curabitur consequat augue eget nunc placerat quis fermentum sapien tincidunt. Curabitur sit amet nunc at sapien tempor varius ut nec risus. Morbi enim orci, facilisis eu semper eu, faucibus vel risus. Pellentesque adipiscing ipsum fringilla lacus vehicula tempus. Praesent ut turpis eros, vel mattis justo. Pellentesque et egestas tellus. Donec interdum volutpat nulla, eu pharetra enim ultrices id. Quisque porttitor mi eget arcu ultricies eget imperdiet velit tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare elit sit amet lacus eleifend eleifend. Aenean quis erat dui, sit amet placerat nisi. <br />
<br />
</p>
<form id="form1" name="form1" method="post" action="">
<div align="right"><span class="body">&copy; Rift Software Ltd. 2009</span></div>
</form>
</blockquote>
</div>
</body>
</html>


and a link to the page is http://www.simoncalnan.com/rifthome2.html

Many thanks

Si

edbr
11-04-2009, 11:55 PM
your main problenm is using absolute positioning. there are threads by the bucket load on here and i beleive in a sticky of FAQ
mahe a wrapper div, siaze it make the margins auto add you cotent inside that div is the brief answer

SiCaln
11-05-2009, 08:41 PM
thank you for your answer ill try that now, i did have a quick look but must have missed the other responses

SiCaln
11-05-2009, 09:18 PM
Right thanks so far I have got it to centre adjust automatically, but now the layout is all wrong, it looks like this

http://www.simoncalnan.com/rifthome2.html

So my first qu is how do i get right of the horizontal white space between the elements, and secondly, how do I get the arrangement more like this

http://www.simoncalnan.com/riftabout.html

many thanks, here 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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/JavaScript">
<!--
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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<style type="text/css">
<!--
.header { font-size: x-large;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #999999;
text-indent: 29px;
vertical-align: middle;
}
.body { font-size: x-small;
color: #FFFFFF;
}
.footer { font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #999999;
}
#wrapper {
text-align: left;
width: 950px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#wrapper #Layer2 {
margin-left: 165px;
z-index: 1;
}
#wrapper #Layer1 #home {
margin-left: 209px;
z-index: 1;
}
#wrapper #Layer3 {
margin-left: 165px;
z-index: 1;
}
#wrapper #logo {
z-index: 2;
}
-->
</style>
</head>
<body onload="MM_preloadImages('riftbuttons/homeup.gif','riftbuttons/homeover.gif','riftbuttons/homedown.gif','riftbuttons/aboutdown.gif','riftbuttons/aboutover.gif')">
<div id="wrapper">

<span style=" left: 0; top: 52px; width: 194px; height: 142px; z-index: 2; visibility: visible;"><img src="riftimages/riftsoftwared.jpg" alt="logo" name="logo" width="194" height="142" id="logo" /></span>
<div id="Layer1" style=" left: 205px; top: 30px; width: 750px; height: 40px; z-index: 1; font-weight: bold; visibility: visible;">
<div align="left"><a href="rifthome.html" target="_top" onclick="MM_nbGroup('down','group1','home','riftbuttons/homedown.gif',1)" onmouseover="MM_nbGroup('over','home','riftbuttons/homeover.gif','riftbuttons/homedown.gif',1)" onmouseout="MM_nbGroup('out')"></a><a href="riftabout.html" target="_top" onclick="MM_nbGroup('down','group1','about','riftbuttons/aboutdown.gif',1)" onmouseover="MM_nbGroup('over','about','riftbuttons/aboutover.gif','riftbuttons/aboutdown.gif',1)" onmouseout="MM_nbGroup('out')"></a><a href="rifthome.html" target="_top" onclick="MM_nbGroup('down','group1','home','riftbuttons/homedown.gif',1)" onmouseover="MM_nbGroup('over','home','riftbuttons/homeover.gif','riftbuttons/homedown.gif',1)" onmouseout="MM_nbGroup('out')"><img src="riftbuttons/homedown.gif" alt="home" name="home" width="177" height="40" border="" id="home" onload="MM_nbGroup('init','group1','home','riftbuttons/homeup.gif',1)" /></a><a href="riftabout.html" target="_top" onclick="MM_nbGroup('down','group1','about','riftbuttons/aboutdown.gif',1)" onmouseover="MM_nbGroup('over','about','riftbuttons/aboutover.gif','riftbuttons/aboutdown.gif',1)" onmouseout="MM_nbGroup('out')"><img src="riftbuttons/aboutup.gif" alt="about" name="about" width="177" height="40" border="0" id="about" onload="" /></a></div>
</div>
<div id="Layer2" style="left: 161px; top: 148px; width: 750px; height: 78px; z-index: 1; text-align: left; background-image: url(riftimages/tablebg2.gif); layer-background-image: url(riftimages/tablebg2.gif); border: 1px none #000000; visibility: visible;">
<blockquote>
<h1 align="left" class="header">Welcome to Rift Software Ltd.</h1>
</blockquote>
</div>
<div id="Layer3" style="left: 161px; top: 221px; width: 750px; z-index: 1; background: #292929; text-align: left; visibility: visible;">
<blockquote class="footer"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer libero mi, imperdiet nec viverra fermentum, gravida at purus. Nullam nec leo diam. Vivamus ligula justo, condimentum non mollis ac, dictum a elit. Fusce nec diam erat. Nam vitae elit metus. Vivamus vitae accumsan arcu. Praesent sit amet metus erat. Etiam id elit nec risus mollis egestas. Aenean in nunc nulla, laoreet consectetur ante. Vestibulum vehicula, sapien quis adipiscing malesuada, lacus justo suscipit felis, vitae imperdiet augue dui nec felis. Pellentesque auctor mattis suscipit. Nam in nulla purus, at varius elit. Nam ligula erat, aliquam non euismod sit amet, pellentesque sed dolor. Etiam nec justo et nisl fringilla sollicitudin id vitae dui. Aliquam pellentesque tincidunt pulvinar. Curabitur a neque est, ac commodo urna.
<p>Nulla sit amet convallis mi. Sed rutrum euismod ante eu pharetra. Ut placerat cursus arcu placerat dapibus. In et ante neque. Etiam non ligula nisl. Aliquam erat volutpat. Pellentesque at mauris volutpat diam tempor rutrum vitae non ante. Curabitur eu vehicula purus. Vivamus at tortor quam. Morbi convallis, tellus id convallis fermentum, arcu magna malesuada nisi, et pretium ante purus eu leo. Pellentesque lectus tellus, blandit a mattis molestie, dignissim quis erat. </p>
<p>Vestibulum non dictum risus. Ut non lorem ut magna rutrum laoreet et sed ligula. Sed eu enim massa. Curabitur consequat augue eget nunc placerat quis fermentum sapien tincidunt. Curabitur sit amet nunc at sapien tempor varius ut nec risus. Morbi enim orci, facilisis eu semper eu, faucibus vel risus. Pellentesque adipiscing ipsum fringilla lacus vehicula tempus. Praesent ut turpis eros, vel mattis justo. Pellentesque et egestas tellus. Donec interdum volutpat nulla, eu pharetra enim ultrices id. Quisque porttitor mi eget arcu ultricies eget imperdiet velit tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec ornare elit sit amet lacus eleifend eleifend. Aenean quis erat dui, sit amet placerat nisi. <br />
<br />
</p>
<form id="form1" name="form1" method="post" action="">
<div align="right">
<p class="body">&copy; Rift Software Ltd. 2009</p>
<p class="body">&nbsp;</p>
</div>
</form>
</blockquote>
</div>
</div>
</body>
</html>

Corrosive
11-06-2009, 08:10 AM
I think you may be struggling with some of the defaults of HTML items such as h1 and blockquote. You need to know why and how you are using these. You can always zero the defaults out using CSS.

As the others have already said you will really struggle to get a whole design down using layers/absolute positioning.

SiCaln
11-08-2009, 04:29 PM
Got it all working correctly now, except for the one white gap between the "Welcome to Rift Software Ltd." box and the main body text, sorry to be a pain but please people any ideas?!

http://www.simoncalnan.com/riftabout2.html

Once again here is the updated 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=iso-8859-1" />
<title>RiftSoftware.com // About Rift Software Ltd.</title>
<script type="text/JavaScript">
<!--
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_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<style type="text/css">
<!--
.header {
font-size: x-large;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #999999;
z-index: 1;
text-indent: 26px;
;
padding-top: 20px;
}
#wrapper #logo {
padding: 0px;
clear: right;
float: left;
margin-top: 0px;
margin-right: 6px;
margin-bottom: 0px;
margin-left: 0px;
}
.body {
font-size: x-small;
color: #FFFFFF;
z-index: 1;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #999999;
text-align: left;
margin-left: 43px;
margin-right: 40px;
z-index: 1;
}
#wrapper {
text-align: left;
width: 950px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#wrapper #Layer1 {
margin-left: 0px;
z-index: 1;
padding-top: 52px;
}
#wrapper #Layer2 {
margin-left: 156px;
z-index: 1;
}
#wrapper #Layer3 {
margin-left: 156px;
z-index: 1;
}
#form1 {
margin-right: 30px
}
-->
</style>
</head>
<body onload="MM_preloadImages('riftbuttons/homeover.gif','riftbuttons/homedown.gif','riftbuttons/aboutdown.gif','riftbuttons/aboutover.gif','riftbuttons/aboutup.gif')">
<div id="wrapper">

<div class="logo"><span style=" left: 0; top: 52px; width: 194px; height: 142px; z-index: 2; visibility: visible;"><img src="riftimages/riftsoftwared.jpg" alt="logo" name="logo" width="194" height="142" id="logo" /></span></div>
<div id="Layer1" style=" left: 205px; top: 52px; width: 900px; height: 40px; z-index: 1; font-weight: bold; visibility: visible;"> <a href="rifthome.html" target="_top" onclick="MM_nbGroup('down','group1','home','riftbuttons/homedown.gif',1)" onmouseover="MM_nbGroup('over','home','riftbuttons/homeover.gif','riftbuttons/homedown.gif',1)" onmouseout="MM_nbGroup('out')"></a><a href="riftabout.html" target="_top" onclick="MM_nbGroup('down','group1','about','riftbuttons/aboutdown.gif',1)" onmouseover="MM_nbGroup('over','about','riftbuttons/aboutover.gif','riftbuttons/aboutdown.gif',1)" onmouseout="MM_nbGroup('out')"></a><a href="rifthome2.html" target="_top" onclick="MM_nbGroup('down','group1','home','riftbuttons/homedown.gif',1)" onmouseover="MM_nbGroup('over','home','riftbuttons/homeover.gif','riftbuttons/homedown.gif',1)" onmouseout="MM_nbGroup('out')"><img src="riftbuttons/homeup.gif" alt="home" name="home" border="0" align="left" id="home" onload="" /></a><a href="riftabout2.html" target="_top" onclick="MM_nbGroup('down','group1','about','riftbuttons/aboutdown.gif',1)" onmouseover="MM_nbGroup('over','about','riftbuttons/aboutover.gif','riftbuttons/aboutdown.gif',1)" onmouseout="MM_nbGroup('out')"><img src="riftbuttons/aboutdown.gif" alt="about" name="about" border="0" id="about" onload="MM_nbGroup('init','group1','about','riftbuttons/aboutup.gif',1)" /></a></div>
<div class="header" id="Layer2" style=" width: 750px; height: 78px; z-index: 1; text-align: left; background-image: url(riftimages/tablebg2.gif); layer-background-image: url(riftimages/tablebg2.gif); visibility: visible;">
Welcome to Rift Software Ltd.</div>
<div id="Layer3" style="width: 750px; z-index: 1; background: #292929; text-align: left; visibility: visible;">
<p class="footer">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec condimentum magna. Etiam sit amet elit velit. In hac habitasse platea dictumst. Donec ante orci, eleifend in elementum id, sollicitudin vitae risus. Fusce placerat quam ac turpis bibendum suscipit. Phasellus sed tincidunt justo. Aliquam risus metus, blandit non consequat sit amet, elementum ut mi. Nullam ut felis diam. Phasellus a dignissim magna. Sed eu nulla sed diam pharetra condimentum. Praesent sit amet urna lorem. Proin turpis lacus, sollicitudin vel blandit eget, vulputate quis lacus. In imperdiet bibendum arcu quis feugiat. Nunc neque justo, dictum quis luctus eu, aliquam sed tortor. Phasellus in malesuada nisl. Morbi ut dolor lorem, vel convallis quam. Ut vehicula laoreet consectetur. Sed a quam in ante varius aliquam. Donec dolor eros, pharetra non ultricies vel, aliquam a neque. In aliquam velit non orci tempor et condimentum purus rhoncus. </p>
<p class="footer">Nullam luctus facilisis est eu aliquet. Donec pharetra, ante aliquet hendrerit accumsan, ipsum justo luctus enim, id malesuada diam lorem ac ligula. Etiam eget lectus tellus. Mauris vitae lectus at nisi congue lobortis. Sed lorem metus, sagittis non varius quis, scelerisque eget quam. Duis metus magna, ornare ut rutrum nec, pretium eget odio. Duis felis enim, suscipit eu ultricies sit amet, aliquet id sapien. Nam tristique est id massa eleifend et malesuada elit semper. Sed ipsum dui, ornare sit amet elementum a, ornare non lectus. Praesent sit amet nibh ut quam gravida interdum facilisis vitae nunc. In laoreet rhoncus ante sit amet aliquet. Cras diam lectus, dapibus fermentum rutrum tincidunt, viverra sit amet magna. </p>
<p class="footer">Ut malesuada, elit nec luctus gravida, elit tellus malesuada metus, ut venenatis felis magna eget velit. Donec ut accumsan risus. Maecenas vitae nulla et nisl condimentum faucibus quis a risus. Nulla volutpat vulputate lacus et vehicula. Aliquam orci arcu, feugiat sed mattis a, malesuada eu libero. Suspendisse a massa ut quam sodales fringilla in vitae felis. Sed mattis magna sed eros varius ac aliquet leo interdum. Duis venenatis purus nec arcu sodales id auctor mi cursus. Ut ullamcorper sapien et sem viverra dictum. Praesent nec lorem augue. Fusce eu elementum quam. Fusce non suscipit magna. Sed erat massa, mollis sed aliquam a, mattis a ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum pellentesque, mauris eget tincidunt condimentum, elit tortor varius lacus, id consectetur lectus velit ut sapien. Aenean laoreet congue semper. Sed egestas nulla eu sem varius nec eleifend turpis sollicitudin. </p>
<p class="footer">Maecenas nisl magna, commodo eget sodales viverra, venenatis sed metus. Quisque quis massa augue, id malesuada eros. Donec volutpat eleifend urna, eget ultricies est facilisis eu. Donec gravida urna id dui sollicitudin rutrum. Praesent et risus quam. Etiam nec nibh vel quam aliquet consectetur eu in nibh. Nullam eros arcu, pulvinar a posuere blandit, cursus a dolor. Fusce condimentum purus posuere erat pulvinar rhoncus. Cras nibh ipsum, fringilla sed rutrum vitae, hendrerit et nulla. Phasellus egestas nunc in tortor tincidunt mattis. Quisque vel justo metus. Sed venenatis pulvinar ante a lacinia. Sed at ante eros, a rhoncus velit. Mauris malesuada magna ac eros ornare bibendum. Morbi gravida nisl et nisi commodo at euismod quam vulputate. Aenean at erat lectus. Etiam rutrum erat a neque posuere imperdiet hendrerit eros mattis. Donec dapibus suscipit est ut tincidunt. Mauris sed libero cursus eros placerat rutrum. Quisque consequat massa in quam tristique consequat. </p>
<p class="footer">Donec eget nunc semper libero aliquam egestas. Donec vitae quam tortor, et ullamcorper nunc. Cras mattis, urna sed posuere scelerisque, risus est posuere est, vitae vehicula ligula nisi id ipsum. Aenean ante magna, malesuada vel fermentum vitae, venenatis id sapien. Quisque dapibus convallis tortor, quis varius justo eleifend nec. Aliquam non nisi quis massa vestibulum congue eu et eros. Integer dui est, imperdiet vitae rhoncus vitae, feugiat id turpis. Nunc tincidunt dolor nec ipsum mollis in porttitor sapien tincidunt. Pellentesque in feugiat libero. In lacinia iaculis feugiat. Praesent laoreet egestas consequat. Vivamus facilisis, diam et scelerisque porta, nisi lacus dignissim justo, at ultrices tellus ante nec elit. Nullam tincidunt facilisis velit, sodales condimentum nulla posuere a. Nunc laoreet odio in eros porta adipiscing. Pellentesque consectetur fringilla imperdiet.</p>
<p class="footer">&nbsp;</p>
<form id="form1" name="form1" method="post" action="">
<div align="right">
<p class="body">&copy; Rift Software Ltd. 2009</p>
<p class="body">&nbsp;</p>
</div>
</form>
</div>
</div>
</body>
</html>


Thanks in advance

Si