0
in 1152x
http://img156.images...793/11525jg.jpg
in 1024
http://img156.images...001/10240rt.jpg
so you can see different huh?
the thing is that (back ground) is in table, and I don't really want to make whole site in table
so I use div layers instead and get this problem don't know how to fix it
Please help me!!!!!
Here is the code
index.php
<!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> <title>The Unofficial Piyada & Bangrak Soi 9 Website</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="styles.css" type="text/css" rel="stylesheet" /> </head> <body> <table width="660" bgcolor="#FFFFFF" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="1" height="1183" align="left" valign="top" class="tablebgborder"></td> <td width="658" align="left" valign="top"> </td> <td width="1" align="left" valign="top" class="tablebgborder"></td> </tr> </table> <div id="pnet"><img src="pnet01.jpg" width="388" height="76" border="0" alt="" /><img src="pnet02.jpg" width="388" height="65" border="0" alt="" /><img src="pnet03.jpg" width="388" height="59" border="0" alt="" /></div> <div id="welcome"><img src="welcome.jpg" width="255" height="27" border="0" alt="" /> <table width="255" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1" height="171" align="left" valign="top" bgcolor="#fdfdfd" class="tablebgborder2"></td> <td width="253" align="left" valign="top" bgcolor="#fdfdfd"> </td> <td width="1" align="left" valign="top" bgcolor="#fdfdfd" class="tablebgborder2"></td> </tr> </table> <img src="welcomebuttom.jpg" width="255" height="2" border="0" alt="" /></div> <div id="welcometxt"> Welcome to Piyada.net, unofficial Piyada Akarasenee website. Piyada.net is mainly devoted to Aom Piyada Akkarasenee but also contain information about thai tv serie Bangrak Soi 9 where Aom is starring.<br /> <br /> At Piyada.net, you will more than 300+ pictures of Aom, downloads; soundtrack, karaoke, wallpapers and much, much more! You're also welcome to forum to discuss about Aom and Bangrak Soi 9!<br /><br /> /Webmaster </div> <div id="line"><img src="border3.jpg" width="658" height="1" border="0" alt="" /></div> <div id="forum"><img src="forum.jpg" width="222" height="18" border="0" alt="" /> <table width="222" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1" height="102" align="left" valign="top" bgcolor="#fdfdfd" class="tablebgborder3"></td> <td width="220" align="left" valign="top" bgcolor="#fdfdfd"> </td> <td width="1" align="left" valign="top" bgcolor="#fdfdfd" class="tablebgborder3"></td> </tr> </table> <img src="forumbuttom.jpg" width="222" height="2" border="0" alt="" /></div> <div id="forumimg"><img src="forumimg.jpg" width="138" height="82" border="0" alt="" /></div> <div id="forumtxt">Visit forum to discussand download Bangrak Soi 9 </div> <div id="lastestnews"><img src="lastestnews.jpg" width="232" height="18" border="0" alt="" /> <table width="232" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1" height="102" align="left" valign="top" bgcolor="#fdfdfd" class="tablebgborder3"></td> <td width="230" align="left" valign="top" bgcolor="#fdfdfd"> </td> <td width="1" align="left" valign="top" bgcolor="#fdfdfd" class="tablebgborder3"></td> </tr> </table> <img src="lastestnewsbuttom.jpg" width="232" height="2" border="0" alt="" /></div> <div id="lastestnewstable"> <table width="210" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" bgcolor="#f6f6f6"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#f6f6f6"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#f6f6f6"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#FFFFFF"> </td> </tr> <tr> <td align="left" valign="top" bgcolor="#f6f6f6"> </td> </tr> </table> </div> </body> </html>
styles.css
a:link {
color: #5e5e5e; text-decoration: none
}
a:visited {
color: #5e5e5e; text-decoration: none
}
a:hover {
color: #5e5e5e; text-decoration: underline
}
td {
font-family: Verdana; font-size: 10px; color: #5e5e5e
}
th {
font-family: Verdana; font-size: 10px; color: #5e5e5e
}
body {
background-color: #e4e4e4;
font: 10px Verdana; color: #5e5e5e;
margin-top: 0;
margin-left: 0;
}
.style {
color: #7f7f7f;
font-style: italic;
}
.tablebgborder {color: white;
background-image: url(border.jpg)
}
.tablebgborder2 {color: white;
background-image: url(border2.jpg)
}
.tablebgborder3 {color: white;
background-image: url(border3.jpg)
}
#pnet {
position:absolute;
left:238px;
top:6px;
width:388px;
height:200px;
z-index:1;
}
#welcome {
position:absolute;
left:631px;
top:6px;
width:255px;
height:200px;
z-index:2;
}
#welcometxt {
position:absolute;
left:641px;
top:40px;
width:240px;
height:152px;
z-index:3;
}
#line {
position:absolute;
left:233px;
top:213px;
width:658px;
height:1px;
z-index:4;
}
#forum {
position:absolute;
left:238px;
top:219px;
width:222px;
height:122px;
z-index:5;
}
#forumimg {
position:absolute;
left:248px;
top:245px;
width:138px;
height:82px;
z-index:8;
}
#forumtxt {
position:absolute;
left:392px;
top:243px;
width:61px;
height:79px;
z-index:7;
}
#poll {
position:absolute;
left:716px;
top:221px;
width:155px;
height:122px;
z-index:10;
}
#navigation {
position:absolute;
left:252px;
top:350px;
width:225px;
height:821px;
z-index:11;
}
#content {
position:absolute;
left:479px;
top:350px;
width:421px;
height:821px;
z-index:12;
}
#navigationmenu {
position:absolute;
left:262px;
top:347px;
width:202px;
height:698px;
z-index:14;
}
#lastestnews {
position:absolute;
left:465px;
top:219px;
width:232px;
height:122px;
z-index:9;
}
#lastestnewstable {
position:absolute;
left:476px;
top:246px;
width:210px;
height:88px;
z-index:13;
}
#news01 {
position:absolute;
left:490px;
top:246px;
width:207px;
height:4px;
z-index:15;
}
#news02 {
position:absolute;
left:490px;
top:258px;
width:207px;
height:4px;
z-index:16;
}
#news03 {
position:absolute;
left:490px;
top:270px;
width:207px;
height:4px;
z-index:17;
}
#news04 {
position:absolute;
left:490px;
top:282px;
width:207px;
height:4px;
z-index:18;
}
#news05 {
position:absolute;
left:490px;
top:294px;
width:207px;
height:4px;
z-index:19;
}
#news06 {
position:absolute;
left:490px;
top:306px;
width:207px;
height:4px;
z-index:20;
}
#news07 {
position:absolute;
left:490px;
top:318px;
width:207px;
height:4px;
z-index:21;
}
#contents {
position:absolute;
left:490px;
top:355px;
width:396px;
height:473px;
z-index:22;
}
