Hi, I hate when it comes to CSS and styling etc
Please help me, the following will show up the top banner properly in 800x600 resolution as well as on 1024x768
but when viewing it on Laptop (a more wider screen horizontally) or on a 19" inch montior with some thing like 1200xYYYY resolution,
the top banner will be missed out from right, tried a lot of things after searching, but when I can get one thing right
the other will go wroing (such as the content panel that I intend to fill up in my child pages ...
<html><head><title>Two Column CSS Layout with Header</title><style type="text/css">
body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#header {
margin: 1px;
padding: 1px;
width: 100%;
}
#left {
position: absolute;
left: 5px;
top: 154px;
width: 174px;
}
#center {
top: 0;
margin-left: 200px;
}
.style1
{
text-align: center;
}
.internal
{
text-decoration: none;
}
a:link, a:hover, a:visited, a:active {color: blue;}</style><title>E-Auction Home Page</title></head><body><form method="post" action="home.aspx" id="form1"><div class="aspNetHidden"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY1NDU2MTA1Mg9kFgJmD2QWAgIDD2QWAgIRDzwrAAkBAA8WBB4IRGF0YUtleXMWAB4LXyFJdGVtQ291bnQCCmQWFGYPZBYEZg8VAQExZAIBDw8WAh4EVGV4dAUGQ2FibGVzZGQCAQ9kFgRmDxUBATJkAgEPDxYCHwIFB0NhbWVyYXNkZAICD2QWBGYPFQEBM2QCAQ8PFgIfAgUNSW5wdXQgRGV2aWNlc2RkAgMPZBYEZg8VAQE0ZAIBDw8WAh8CBQZNZW1vcnlkZAIED2QWBGYPFQEBNWQCAQ8PFgIfAgUITW9uaXRvcnNkZAIFD2QWBGYPFQEBNmQCAQ8PFgIfAgUIUHJpbnRlcnNkZAIGD2QWBGYPFQEBN2QCAQ8PFgIfAgUIU2Nhbm5lcnNkZAIHD2QWBGYPFQEBOGQCAQ8PFgIfAgUSU2VydmVyIEFjY2Vzc29yaWVzZGQCCA9kFgRmDxUBATlkAgEPDxYCHwIFCFdpcmVsZXNzZGQCCQ9kFgRmDxUBAjEwZAIBDw8WAh8CBQZNb2JpbGVkZGSQd/Pq4XHxC7aqAudrDDghB4h/pI2FJMUpI5p9YD25BA==" /></div><script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]></script><script src="/WebResource.axd?d=7nHYJ7v42we7UgWcoTYHtw2&t=635018252861935329" type="text/javascript"></script><div class="aspNetHidden"><input type="hidden" name="__PREVIOUSPAGE" id="__PREVIOUSPAGE" value="wMkGCOd8vxiYw72jlG1Dlg2" /><input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCAKwlNyvCAKw59SvDQKeicf7BQKJw6GcCQKIxpa4AwKIy6ioBQLE5ML0AgKx3o+TDM8PSkFy6By7O/tkXLV8N8pwd5azrUBvPHCiKa6oz4Z8" /></div><div id="header" style="background-image:url(Images/banner.gif);background-repeat:no-repeat;"><table width="100%" style="height: 158px"><tr colspan="2"><td style="text-align: right"><a id="lnkMyAccount" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$lnkMyAccount", "", false, "", "account.aspx", false, true))" style="color:White;font-weight:bold;text-decoration:none;">My Account</a>  <a id="lnkBuy" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$lnkBuy", "", false, "", "buy.aspx", false, true))" style="color:White;font-weight:bold;text-decoration:none;">Buy</a>  <a id="lnkSell" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$lnkSell", "", false, "", "sell.aspx", false, true))" style="color:White;font-weight:bold;text-decoration:none;">Sell</a>  <a id="lnkAboutUs" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$lnkAboutUs", "", false, "", "about.aspx", false, true))" style="color:White;font-weight:bold;text-decoration:none;">About Us</a>  <a id="lnkContactus" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$lnkContactus", "", false, "", "contact.aspx", false, true))" style="color:White;font-weight:bold;text-decoration:none;">Contact Us</a></td></tr><tr><td style="text-align: right"><br /><span class="style1"><strong>Search</strong></span> <input name="ctl00$txtSearch" type="text" id="txtSearch" style="width:170px;" /> <input type="submit" name="ctl00$btnGo" value="Go" id="btnGo" style="height:23px;width:39px;" /></td></tr><tr><td><span id="smPath" style="color:White;"><a href="#smPath_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=RP42yJjbq7YeB4bxPk8H1A2&t=635018252861935329" style="border-width:0px;" /></a><span>Home</span><a id="smPath_SkipLink"></a></span></td></tr></table></div><div id="left"><table><tr><td valign="top" style="background-color:Silver;color:White;font-weight:bold;text-align:center;">
Category</td></tr><tr><td valign="top" class="style1"><table id="DataList1" cellspacing="0" style="border-collapse:collapse;"><tr><td><a href="buy.aspx?id='1'" class="internal"><span id="DataList1_catitleLabel_0">Cables</span></td></tr><tr><td><a href="buy.aspx?id='2'" class="internal"><span id="DataList1_catitleLabel_1">Cameras</span></td></tr><tr><td><a href="buy.aspx?id='3'" class="internal"><span id="DataList1_catitleLabel_2">Input Devices</span></td></tr><tr><td><a href="buy.aspx?id='4'" class="internal"><span id="DataList1_catitleLabel_3">Memory</span></td></tr><tr><td><a href="buy.aspx?id='5'" class="internal"><span id="DataList1_catitleLabel_4">Monitors</span></td></tr><tr><td><a href="buy.aspx?id='6'" class="internal"><span id="DataList1_catitleLabel_5">Printers</span></td></tr><tr><td><a href="buy.aspx?id='7'" class="internal"><span id="DataList1_catitleLabel_6">Scanners</span></td></tr><tr><td><a href="buy.aspx?id='8'" class="internal"><span id="DataList1_catitleLabel_7">Server Accessories</span></td></tr><tr><td><a href="buy.aspx?id='9'" class="internal"><span id="DataList1_catitleLabel_8">Wireless</span></td></tr><tr><td><a href="buy.aspx?id='10'" class="internal"><span id="DataList1_catitleLabel_9">Mobile</span></td></tr></table></td></tr></table></div><div id="center"><p>I am home page</p></div></form></body></html>