Here is what I have so far. I can get it centered in some of the larger resolutions but then it is too far to the right on smaller ones. Can anybody help me make this compatible for all resolutions please?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dean Scream</title>
<link rel="stylesheet" type="text/css" href="main2.css" />
<style type="text/css">
/*<![CDATA[*/
div.img
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
background:#FFF url('images/cbg.png') repeat;
margin: 0px 0px 0px 0px;
padding: 0px;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
background:#FFF url('images/cbg.png') repeat;
margin: 0px 0px 0px 0px;
padding: 0px;
height: auto;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
background:#FFF url('images/cbg.png') repeat;
margin: 0px 0px 0px 0px;
padding: 0px;
height: auto;
}
/*]]>*/
#wrapper #content table tr td .infobox p {
text-align: right;
}
#wrapper #content table tr td .infobox p {
text-align: center;
}
</style>
</head>
<body>
<!-- Begin Wrapper -->
<div id="designs">
<div id="space">
<div id="wrapper">
<div id="top"><img src="images/top.jpg" alt="top" /></div><!-- Begin Header -->
<div id="header"><img src="images/logo.png" alt="logo" /> <img src="images/headeradbox.png" alt="ad" /></div>
<!-- End Header -->
<!-- Begin Naviagtion -->
<div id="navigation">
<ul>
<li><a href="#"><img src="images/upload.png" alt="home" /></a></li>
<li><a href="#"><img src="images/browse.png" alt="services" /></a></li>
<li><a href="#"><img src="images/desktop.png" alt="forums" /></a></li>
<li><a href="#"><img src="images/terms.png" alt="about" /></a></li>
<li><a href="#"><img src="images/privacy.png" alt="order" /></a></li>
<li><a href="#"><img src="images/contact.png" alt="contact" /></a></li>
<li><a href="#"><img src="images/navfoot.png" alt="contact" width="234" /></a></li>
</ul>
</div>
<!-- End Naviagtion -->
<!-- Begin Content -->
<div id="content">
<div id="uploadbox"><img src="images/uploadbox.png" alt="google" /></div>
<div id="adcontent"><img src="images/google.png" alt="google" /></div>
<div id="headers"><span class="left" style="margin-left: 20px; margin-top: 20px;">Random Images</span> <span class="right" style="margin-right: 90px; margin-top: 20px;">XOEE Desktop App</span></div>
<table border="0" width="850">
<tr>
<td width="430">
<div class="wrapper">
<div class="top">
<div class="topLeft"><img src="images/green.png" alt="none" /></div>
<div class="topRight"><img src="images/green.png" alt="none" /></div>
</div>
<div class="bottom">
<div class="bottomLeft"><img src="images/green.png" alt="none" /></div>
<div class="bottomRight"><img src="images/green.png" alt="none" /></div>
</div>
</div>
</td>
<td width="400" style="background:#FFFFFF;">
<div class="infobox">
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<p>upload button can go here</p>
<img src="images/button.png" alt="download" style="margin-left: 100px;
margin-top: 30px; " />
</div>
</td>
</tr>
</table>
</div>
<!-- End Content -->
<!-- Begin Footer -->
<!-- End Footer -->
<!-- End Wrapper --></div>
<div id="end"><img src="images/foot.jpg" alt="footer" /></div>
<div id="footer">? 2009 Xoee.com | All Rights Reserved Privacy Policy Terms of Service</div>
</div>
</div>
</body>
</html>
Forum Index:
Programming Help |
C and C++ |
VB6 |
Java |
VB.NET |
C# |
ASP.NET |
PHP |
ColdFusion |
Perl and Python |
Ruby |
Databases |
Other Languages |
Game Programming |
Mobile Development |
Software Development |
Computer Science |
Industry News |
Programming Tutorials |
C++ Tutorials |
Visual Basic Tutorials |
Java Tutorials |
VB.NET Tutorials |
C# Tutorials |
Linux Tutorials |
PHP Tutorials |
ColdFusion Tutorials |
Windows Tutorials |
HTML/JavaScript Tutorials |
CSS Tutorials |
Flash Tutorials |
Web Promotion Tutorials |
Graphic Design & Photoshop Tutorials |
Software Development Tutorials |
Database Tutorials |
Other Language Tutorials |
ASP.NET Tutorials |
Game Programming Tutorials |
WPF & Silverlight Tutorials |
| 
