I cannot put "ap div layouts" on center of the page

Discussion in 'HTML & Website Design' started by Rifan4Love, Aug 11, 2011.

0
  1. #1
    my code is here.................

    please help me :confused:



    <!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">


    <style type="text/css">
    <!--
    #apDiv1 {
    position:absolute;
    left:9px;
    top:18px;
    width:900px;
    height:160px;
    z-index:1;
    }
    #apDiv2 {
    position:absolute;
    left:750px;
    top:189px;
    width:160px;
    height:600px;
    z-index:4;
    }
    #apDiv3 {
    position:absolute;
    left:10px;
    top:189px;
    width:160px;
    height:600px;
    z-index:3;
    }
    #divbg {
    position:absolute;
    left:13px;
    top:16px;
    width:900px;
    height:800px;
    z-index:1;
    background-color: #0066CC;
    }
    #banner {
    position:absolute;
    left:13px;
    top:17px;
    width:900px;
    height:160px;
    z-index:6;
    background-color: #FFFFFF;
    }
    #ads1 {
    position:absolute;
    left:14px;
    top:187px;
    width:160px;
    height:600px;
    z-index:7;
    background-color: #FFFFFF;
    text-align: center;
    }
    #ads2 {
    position:absolute;
    left:741px;
    top:171px;
    width:160px;
    height:600px;
    z-index:3;
    background-color: #FFFFFF;
    text-align: center;
    }
    #body {
    position:absolute;
    left:180px;
    top:187px;
    width:568px;
    height:600px;
    z-index:8;
    background-color: #FFFFFF;
    }
    #apDiv8 {
    position:absolute;
    left:14px;
    top:792px;
    width:900px;
    height:22px;
    z-index:5;
    background-color: #FFFFFF;
    text-align: center;
    }
    #logo {
    position:absolute;
    left:13px;
    top:17px;
    width:400px;
    height:100px;
    z-index:9;
    background-image: url(images/logo.png);
    }
    -->
    </style>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Software Zone</title>


    <style type="text/css">
    <!--


    #apDiv1 {

    position:absolute;
    left:34px;
    top:28px;
    width:587px;
    height:143px;
    z-index:1;
    }
    #apDiv2 {
    position:absolute;
    left:21px;
    top:28px;
    width:400px;
    height:100px;
    background-image: url(images/logo.png);
    background-color: #FFFFFF;
    visibility: visible;
    }
    -->
    </style>
    </head>


    <body bgcolor="#0066CC" text="#000000" link="#000000" vlink="#000000" alink="#000000">
    <div class="centered">
    <div id="divbg">
    <div id="ads2">
    <div align="center">advertisement 2</div>
    </div>
    </div>
    <div id="banner"></div>
    <div id="ads1">
    <div align="center">advertisement 1</div>
    </div>
    <div id="body"></div>
    <div id="apDiv8">
    <div align="center">copy right ©</div>
    </div>
    <div id="logo"></div>
    </body>
    </html>
     
    Rifan4Love, Aug 11, 2011 IP
  2. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #2
    You aren't being clear what it is your trying to do?
     
    jeremyhowell, Aug 12, 2011 IP