Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Apr 2009
    Posts
    71
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Iframe will not align problem

    I been try align my Iframe in my web page but will not align to rthe center can someone please help me.

    Code:
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Aloha Airlines Virtual Roster</title>
    <style type="text/css">
    <!--
    body {
    	background-image: url(images/bg3.jpg);
    	background-repeat: repeat-x;
    	background-color: #094C76;
    }
    -->
    </style>
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    .style1 {
    	font-size: 16px
    }
    -->
    </style>
    </head>
    
    <body>
    <div id="wrapper">
      <div id="logo"><img src="images/AAHlogo990.jpg" alt="AAHlogo" width="990" height="100" /></div>
      <div id="navigation">
        <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="index.html">Home</a>        </li>
          <li><a href="#" class="MenuBarItemSubmenu">About AAH</a>
            <ul>
              <li><a href="history.html">History</a></li>
              <li><a href="mission.html">Mission Statement</a></li>
              <li><a href="Policy Manual.html">Policy Manual</a></li>
              <li><a href="pilot application.html">Application</a></li>
              <li><a href="#">Partners </a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Operations</a>
            <ul>
              <li><a href="#">Book A Flight</a></li>
              <li><a href="#">Statistics &amp; Reports</a></li>
              <li><a href="#">Rosters</a></li>
              <li><a href="#">Routes</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Administration</a>
            <ul>
              <li><a href="#">Rank Structure</a></li>
              <li><a href="#">Fleet</a></li>
              <li><a href="#">Pilot Resources</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Events News </a>
            <ul>
              <li><a href="#">AAH Events News</a></li>
              <li><a href="#">AAH Calendar</a></li>
            </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="#">Training</a>
              <ul>
                <li><a href="#">Training Guidelines</a></li>
                <li><a href="#">Instructor Applicants</a></li>
                    <li><a href="#">Training Staff Contacts</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Domiciles</a>
            <ul>
              <li><a href="#">Hilo International Airport (ITO/PHTO)</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <div id="headerImg"></div>
      <div id="bodyArea">
      <div id="left"><iframe width='75%' height='400px'align='middle' frameborder='0'  src='http://www.vafinancials.com/web/roster.php?H=0&S=0&O=0&L=25&VA=17025,FFFFFF,Rank Information,3E94F3,FFFFFF,000000,FFFFFF,EAEAEA,000000,FFFFFF,000000,FFFF00,000000,1f45b8,fae100,1f45b8'></iframe></div>
      <div id="right">
        <div align="center"></div>
        </div>
      <div id="footer">
        <p align="center">Copyright © 2009 Aloha Airlines Virtual | All Rights   Reserved</p>
      </div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

  • #2
    Regular Coder Kristofa's Avatar
    Join Date
    Jun 2009
    Location
    Leicester
    Posts
    143
    Thanks
    7
    Thanked 20 Times in 20 Posts
    The 'align' attribute is deprecated, although should still work with the transitional doctype. Have you tried replacing align='middle' with style="margin:auto"?

    Can you post your CSS files as well please? (Or if you have a live link, that would be even better.)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •