Tweet
I opened up a website www.oggydesignz.com however I am terrible at coding and would love to know how to center the content so that it works on all browsers. Please help me I will be forever grateful ! ! ! !
[quote]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Oggy Designs / Urban Design</title>
<style type="text/css">
div#container
{
width: 1250px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</style>
</head>
<body bgcolor="#000000" text="#000000">
<div id="container">
<div id="bv_Image2" style="overflow:hidden;position:absolute;left:163p x;top:60px;z-index:0" align="left">
<img src="images/web2_01.jpg" id="Image2" alt="" align="top" border="0" style="width:930px;height:63px;"></div>
<div id="bv_Image1" style="overflow:hidden;position:absolute;left:163p x;top:123px;z-index:1" align="left">
<img src="images/web2_02.jpg" id="Image1" alt="" align="top" border="0" style="width:930px;height:27px;"></div>
<div id="bv_Image4" style="overflow:hidden;position:absolute;left:163p x;top:150px;z-index:2" align="left">
<img src="images/web2_03.jpg" id="Image4" alt="" align="top" border="0" style="width:60px;height:351px;"></div>
<div id="bv_Image3" style="overflow:hidden;position:absolute;left:223p x;top:150px;z-index:3" align="left">
<img src="images/web2_04.jpg" id="Image3" alt="" align="top" border="0" style="width:362px;height:34px;"></div>
<div id="bv_Image6" style="overflow:hidden;position:absolute;left:585p x;top:150px;z-index:4" align="left">
<a href="http://twitter.com/oggy1andonly" target="_blank"><img src="images/web2_05.jpg" id="Image6" alt="Twitter" align="top" border="0" style="width:240px;height:86px;"></a></div>
<div id="bv_Image5" style="overflow:hidden;position:absolute;left:825p x;top:150px;z-index:5" align="left">
<a href="http://www.myspace.com/oggy1992" target="_blank"><img src="images/web2_06.jpg" id="Image5" alt="Myspace" align="top" border="0" style="width:268px;height:86px;"></a></div>
<div id="bv_Image8" style="overflow:hidden;position:absolute;left:223p x;top:184px;z-index:6" align="left">
<img src="images/web2_07.jpg" id="Image8" alt="" align="top" border="0" style="width:352px;height:295px;"></div>
<div id="bv_Image7" style="overflow:hidden;position:absolute;left:575p x;top:184px;z-index:7" align="left">
<img src="images/web2_08.jpg" id="Image7" alt="" align="top" border="0" style="width:10px;height:317px;"></div>
<div id="bv_Image10" style="overflow:hidden;position:absolute;left:585p x;top:236px;z-index:8" align="left">
<img src="images/web2_09.jpg" id="Image10" alt="" align="top" border="0" style="width:508px;height:265px;"></div>
<div id="bv_Image9" style="overflow:hidden;position:absolute;left:223p x;top:479px;z-index:9" align="left">
<img src="images/web2_10.jpg" id="Image9" alt="" align="top" border="0" style="width:352px;height:22px;"></div>
<div id="bv_Image12" style="overflow:hidden;position:absolute;left:163p x;top:501px;z-index:10" align="left">
<img src="images/web2_11.jpg" id="Image12" alt="" align="top" border="0" style="width:333px;height:103px;"></div>
<div id="bv_Image11" style="overflow:hidden;position:absolute;left:496p x;top:501px;z-index:11" align="left">
<a href="http://www.oggydesignz.com/main.html" target="_self"><img src="images/web2_12_01.jpg" id="Image11" alt="Enter " align="top" border="0" style="width:250px;height:68px;"></a></div>
<div id="bv_Image14" style="overflow:hidden;position:absolute;left:746p x;top:501px;z-index:12" align="left">
<img src="images/web2_13.jpg" id="Image14" alt="" align="top" border="0" style="width:347px;height:103px;"></div>
<div id="bv_Image13" style="overflow:hidden;position:absolute;left:496p x;top:569px;z-index:13" align="left">
<img src="images/web2_14.jpg" id="Image13" alt="" align="top" border="0" style="width:250px;height:35px;"></div>
<div id="bv_Html2" style="position:absolute;left:604px;top:242px;widt h:289px;height:57px;z-index:14;" align="left">
</center><center>
<table width="420" align="center">
<div style="width: 420px; height: 225px; background-color: ffffff; color: ffffff; font-family: arial; font-size: 10px; font-weight: bold; border: 0px ridge ffffff; overflow: auto; padding: 0px;">
<img src="http://oggydesignz.com/images/Oggy2009.jpg"height="278" width="400"
<img src="http://oggydesignz.com/images/update1.jpg"
<br /><br />
</table>
<center><br />
</div>
</center>
</div>
</div>
</body>
</html>
[quote]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Oggy Designs / Urban Design</title>
<style type="text/css">
div#container
{
width: 1250px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</style>
</head>
<body bgcolor="#000000" text="#000000">
<div id="container">
<div id="bv_Image2" style="overflow:hidden;position:absolute;left:163p x;top:60px;z-index:0" align="left">
<img src="images/web2_01.jpg" id="Image2" alt="" align="top" border="0" style="width:930px;height:63px;"></div>
<div id="bv_Image1" style="overflow:hidden;position:absolute;left:163p x;top:123px;z-index:1" align="left">
<img src="images/web2_02.jpg" id="Image1" alt="" align="top" border="0" style="width:930px;height:27px;"></div>
<div id="bv_Image4" style="overflow:hidden;position:absolute;left:163p x;top:150px;z-index:2" align="left">
<img src="images/web2_03.jpg" id="Image4" alt="" align="top" border="0" style="width:60px;height:351px;"></div>
<div id="bv_Image3" style="overflow:hidden;position:absolute;left:223p x;top:150px;z-index:3" align="left">
<img src="images/web2_04.jpg" id="Image3" alt="" align="top" border="0" style="width:362px;height:34px;"></div>
<div id="bv_Image6" style="overflow:hidden;position:absolute;left:585p x;top:150px;z-index:4" align="left">
<a href="http://twitter.com/oggy1andonly" target="_blank"><img src="images/web2_05.jpg" id="Image6" alt="Twitter" align="top" border="0" style="width:240px;height:86px;"></a></div>
<div id="bv_Image5" style="overflow:hidden;position:absolute;left:825p x;top:150px;z-index:5" align="left">
<a href="http://www.myspace.com/oggy1992" target="_blank"><img src="images/web2_06.jpg" id="Image5" alt="Myspace" align="top" border="0" style="width:268px;height:86px;"></a></div>
<div id="bv_Image8" style="overflow:hidden;position:absolute;left:223p x;top:184px;z-index:6" align="left">
<img src="images/web2_07.jpg" id="Image8" alt="" align="top" border="0" style="width:352px;height:295px;"></div>
<div id="bv_Image7" style="overflow:hidden;position:absolute;left:575p x;top:184px;z-index:7" align="left">
<img src="images/web2_08.jpg" id="Image7" alt="" align="top" border="0" style="width:10px;height:317px;"></div>
<div id="bv_Image10" style="overflow:hidden;position:absolute;left:585p x;top:236px;z-index:8" align="left">
<img src="images/web2_09.jpg" id="Image10" alt="" align="top" border="0" style="width:508px;height:265px;"></div>
<div id="bv_Image9" style="overflow:hidden;position:absolute;left:223p x;top:479px;z-index:9" align="left">
<img src="images/web2_10.jpg" id="Image9" alt="" align="top" border="0" style="width:352px;height:22px;"></div>
<div id="bv_Image12" style="overflow:hidden;position:absolute;left:163p x;top:501px;z-index:10" align="left">
<img src="images/web2_11.jpg" id="Image12" alt="" align="top" border="0" style="width:333px;height:103px;"></div>
<div id="bv_Image11" style="overflow:hidden;position:absolute;left:496p x;top:501px;z-index:11" align="left">
<a href="http://www.oggydesignz.com/main.html" target="_self"><img src="images/web2_12_01.jpg" id="Image11" alt="Enter " align="top" border="0" style="width:250px;height:68px;"></a></div>
<div id="bv_Image14" style="overflow:hidden;position:absolute;left:746p x;top:501px;z-index:12" align="left">
<img src="images/web2_13.jpg" id="Image14" alt="" align="top" border="0" style="width:347px;height:103px;"></div>
<div id="bv_Image13" style="overflow:hidden;position:absolute;left:496p x;top:569px;z-index:13" align="left">
<img src="images/web2_14.jpg" id="Image13" alt="" align="top" border="0" style="width:250px;height:35px;"></div>
<div id="bv_Html2" style="position:absolute;left:604px;top:242px;widt h:289px;height:57px;z-index:14;" align="left">
</center><center>
<table width="420" align="center">
<div style="width: 420px; height: 225px; background-color: ffffff; color: ffffff; font-family: arial; font-size: 10px; font-weight: bold; border: 0px ridge ffffff; overflow: auto; padding: 0px;">
<img src="http://oggydesignz.com/images/Oggy2009.jpg"height="278" width="400"
<img src="http://oggydesignz.com/images/update1.jpg"
<br /><br />
</table>
<center><br />
</div>
</center>
</div>
</div>
</body>
</html>
Comment