PDA

View Full Version : Help With Div Tags


santoshaarudhra
06-22-2010, 09:19 PM
Hello Viewers,
i am using div tags for design a website. but that website is not center. give me a suggestion how to set webpage center and my webpage contains some problems like it is different look in different browsers. so please help me. i enclose my webpage design also.

please download my webpage using below link

http://www.mediafire.com/?jndyy2zzzll

thanks,
k.n.v.santosh

edbr
06-23-2010, 03:10 AM
post your code i doubt any one will download especially from a first time poster. sorry no offence meant but it is how it is IMO.
welcome to the forum

santoshaarudhra
06-23-2010, 07:21 AM
post your code i doubt any one will download especially from a first time poster. sorry no offence meant but it is how it is IMO.
welcome to the forum
the source code as follows:
<!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>Diamond Farming</title>
<style type="text/css">
<!--
#body {
margin:0px;
padding:0px;
}
#Layer1 {
position:absolute;
width:776;
height:141;
z-index:1;
top: -3px;
left: 138px;
}
#Layer2 {
position:absolute;
width:776;
height:558;
z-index:1;
left: 138px;
top: 139px;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: medium;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF6600;
}
.style4 {color: #FF6600}
.style5 {
font-size: x-small;
font-style: italic;
}
#Layer3 {
position:absolute;
width:503px;
height:433px;
z-index:2;
left: 2px;
top: 10px;
}
#Layer4 {
position:absolute;
width:177px;
height:103px;
z-index:3;
left: 339px;
top: 202px;
}
.style7 {
font-size: x-small;
font-weight: bold;
}
#Layer5 {
position:absolute;
width:248px;
height:286px;
z-index:2;
left: 650px;
top: 293px;
background-image: url(contact.png);
}
.style8 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
color: #CCCCCC;
}
#Layer6 {
position:absolute;
width:250px;
height:115px;
z-index:3;
left: 650px;
top: 163px;
}
#Layer7 {
position:absolute;
width:345;
height:33;
z-index:4;
left: 140px;
top: 115px;
}

-->
</style>
<script type="text/JavaScript">
<!--
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_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_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_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('order1.png','page1over.png','pag e0over.png','page2over.png','page3over.png','page4 over.png')">
<div id="Layer1"><img src="header.png" /></div>
<div id="Layer2"><img src="down.png" />
<div id="Layer4">
<span class="style7">Sign up For my FREE REPORT<BR />
On this Little Known RE Niche<br />
Plus My Blog and How You Can<br />
Receive Leads to your computer <br />
Weekly..</span><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="arrow.png" />
</div>
<div id="Layer3">
<p class="style1">
<font color="#000000"><br />&nbsp;&nbsp;&nbsp;&nbsp;Real E</font><font color="#000000">state Agents!... Earn Six Figures with Probate Homes!<br />
&nbsp;&nbsp;&nbsp;
This is the ONLY! system from Agents available with 23 years of<br />
&nbsp;&nbsp;&nbsp;
Success...Super Charge your R/E Business representing<br />
&nbsp;&nbsp;&nbsp;
Buyers and Sellers with Probate Homes! The Correct Way!</font></p>

*******
***************
<span class="style2"><font size="3"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Real Estate Agents:</font></span><span class="style4"><br />
<strong>
<font size="2">&nbsp;&nbsp;&nbsp;&nbsp;1-2 extra ESCROWS per month<br />
&nbsp;&nbsp;&nbsp;
Add SIX FIGURES to your
Yearly Commissions<br />
&nbsp;&nbsp;&nbsp;
Be the FIRST AGENT to Contact the Seller<br />
&nbsp;&nbsp;&nbsp;
Direct MENTORING from GaryD<br />
&nbsp;&nbsp;&nbsp;
Be UP Working the System in 2 WEEKS<BR />
&nbsp;&nbsp;&nbsp;
50 to 100 LEADS per month<br />
&nbsp;&nbsp;&nbsp;
System takes 3-5 hours per week</font></strong></span><br /><br />
<span class="style2"><font size="3"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;How It Works</font></span><br /><span class="style4">
<strong>
<font size="2">&nbsp;&nbsp;&nbsp;&nbsp;
Take LISTINGS every month<br />&nbsp;&nbsp;&nbsp;&nbsp;
Represent End User BUYERS No One Else Wants<br />&nbsp;&nbsp;&nbsp;&nbsp; </font></strong><font size="2">Option:<strong> Be A PRINCIPLE With None of Your Money<br />
&nbsp;&nbsp;&nbsp;&nbsp;
No Competition.. Agents Don't know this Niche<br />
&nbsp;&nbsp;&nbsp;&nbsp;
No Risk..... less than $500 to set up the System<br />
&nbsp;&nbsp;&nbsp;&nbsp;
Farm 500 Free and Clear Homes Who Want to Sell</strong></font></span>
<br />
<span class="style5">&nbsp;&nbsp;&nbsp;&nbsp;You can Buy It With Investor Partners, Double End the Sale to your<br />&nbsp;&nbsp;&nbsp;
Buyer or take the listing. While none of your follow Agents Have a<br />&nbsp;&nbsp;&nbsp;
Clue What You Are Doling. 95% of Agents don't know this Niche..</span></div> </div>
</div>
<div id="Layer5"><br />
<br /><br />
<span class="style8">&nbsp;&nbsp;Your Name</span><br />&nbsp;
<input type="text" value="" size="30" />
<br /><span class="style8">&nbsp;&nbsp;Your Email</span><br />&nbsp;
<input type="text" size="30" />
<br /><span class="style8">&nbsp;&nbsp;Subject</span><br />&nbsp;
<input type="text" size="30" />
<br /><span class="style8">&nbsp;&nbsp;Message</span><br />&nbsp;
<textarea name="textarea" cols="25" rows="3"></textarea>
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input name="SEND" type="button" value="SEND" />
</div>

<div id="Layer6">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('order','','order1.png',1)"><img src="order.png" name="order" width="161" height="41" border="0" id="order" /></a>

<font size="3"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;100% Money Back Gurantee</b></font></div>

<div id="Layer7"><a href="page0.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','page0over.png',1)"><img src="page0.png" name="Image5" width="69" height="25" border="0" id="Image5" /></a><a href="page1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','page1over.png',1)"></a><a href="page1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','page1over.png',1)"><img src="page1.png" name="Image6" width="69" height="25" border="0" id="Image6" /></a><a href="page2.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','page2over.png',1)"><img src="page2.png" name="Image7" width="69" height="25" border="0" id="Image7" /></a><a href="page3.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','page3over.png',1)"><img src="page3.png" name="Image8" width="69" height="25" border="0" id="Image8" /></a><a href="page4.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','page4over.png',1)"><img src="page4.png" name="Image9" width="69" height="25" border="0" id="Image9" /></a></div>
</body>
</html>


verify and tell me the suggestion

edbr
06-24-2010, 01:47 AM
in basic terms its because you use absolute positioning for all your layers.
use relative and use a wraper div to hold your content with
ie
#wrapper{
width:950px;
margin-right:auto;
margin-left:auto;
position:relative: }