Results 1 to 2 of 2
  1. #1

    Something wrong with my coding...

    It has been quite a few years since I last made a site so my html is pretty rusty I suppose. I am not sure which part of my coding is messed up. If you look at my rough draft site in Firefox and IE in regular and compatibility mode you can see there are some big differences.


    http://free.hostultra.com/~qwertyem/
    (don't click on the links they don't really exists)



    body {
    margin-left: auto;
    margin-right: auto;
    width: 925px;
    background-color: #FFFFFF;
    font-size: 14px;
    color: #000000;
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(images/bg.png);
    background-repeat: repeat-y;
    background-position: center;
    }



    h1 {
    color: #FFFFFF;
    font-size: 22px;
    border: none;
    width: 230px;
    height: 22px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    letter-spacing: 2px;
    background-color: #aaaaaa;
    margin-left: auto;
    margin-right: auto;
    }

    h2 {
    color: #FFFFFF;
    font-size: 22px;
    border: none;
    width: 585px;
    height: 22px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    letter-spacing: 2px;
    background-color: #aaaaaa;
    margin-left: auto;
    margin-right: auto;
    }

    a:link {
    color: #000000;
    }

    a:hover {
    color: #828282;
    }

    a:visited {
    color: #000000;
    }

    #banner {
    position: absolute;
    top: 0px;
    width: 925px;
    }

    #nav {
    position: absolute;
    left: 860px;
    top: 254px;
    width: 230px;
    text-align: center;
    }

    #main {
    position: absolute;
    left: 249px;
    top: 251px;
    width: 585px;
    text-align:justify;
    }

    <!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" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Colorado Aquatic Plants Enthusiasts</title>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <meta name="description" content="CAPE is currently an online non-profit community created for the Planted Tank Hobbiyists that resides in the State of Colorado.">
    <meta name="keywords" content="colorado, aquatic, plants, enthusiasts">
    <meta name="copyright" content="Colorado Aquatic Plants Enthusiasts">
    <meta name="author" content="Colorado Aquatic Plants Enthusiasts">
    <meta name="email" content="admin@colorado-aquascapers.net">
    <meta name="Charset" content="UTF-8">
    <meta name="Distribution" content="Global">
    <meta name="Rating" content="General">
    <meta name="Robots" content="INDEX,FOLLOW">
    <meta name="Revisit-after" content="7 Days">
    </head>

    <body>
    <div id="banner"><img src="images/cape.png" border="0" alt=""/></div>
    <div id="nav">
    <h1>&nbsp;NAVIGATION&nbsp;</h1>
    <a href="forums.php"> Forums</a> <br /><br />
    <a href="index.php">Home</a><br />
    <a href="staff.php">Staff</a><br />
    <a href="support.php">Support CAPE</a><br />
    <a href="links.php">Links</a><br />

    <h1>&nbsp;DONATE&nbsp;</h1>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="L5JED38XRBP8A">
    <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>


    <h1>&nbsp;SPONSERS&nbsp;</h1>


    <h1>&nbsp;CREDITS&nbsp;</h1>
    Copyright &copy; 2011 Colorado Aquatic Plants Enthusiasts (CAPE)<br />

    &nbsp;

    </div>

    <div id="main">

    <?php require('header.php'); ?>




    <h2>&nbsp;TANK OF THE MONTH&nbsp;</h2>
    coming soon...


    <h2>&nbsp;WELCOME&nbsp;</h2>
    Welcome to the Colorado Aquatic Plants Enthusiasts (CAPE) website! CAPE is currently an online non-profit community created for the Planted Tank Hobbiyists that resides in colorful State of Colorado.
    <br /> <br />
    Membership is free and open; whether you are a seasoned Planted Tank Hobbyist, or thinking about venturing to the green side, or just love keeping aquariums in general, you are welcomed to join!




    <?php require('footer.php'); ?>
    </div>
    </body>
    </html>

  2. #2
    Join Date
    Jan 2010
    Location
    San Francisco
    Posts
    1,800
    You have larger problems than simply IE compatibility view setting.

    http://img41.imageshack.us/i/colorad...angeaquat.png/

    Briefly looking over your CSS, you shouldn't use absolute positioning as your setting it X pixels top and left from the browser window. The screenshot above is what it looks like on a 1680x1050 monitor. If you must use positioning, then create a container div and give that relative positioning so everything inside that is absolute positioned will be relative to your container div and not the viewport (browser window).

Similar Threads

  1. Replies: 0
    Last Post: 04-19-2009, 04:13 PM
  2. Replies: 0
    Last Post: 03-02-2009, 12:16 AM
  3. [HTML] Table Alignment, Coding Correct, Shows it Wrong (Sometimes)
    By Barti1987 in forum Programming Discussion
    Replies: 2
    Last Post: 04-10-2005, 05:51 PM
  4. Offering Coding/PhpBB/VBulletin/OpenBB/IPB Coding
    By syphlect in forum Employment / Job Offers
    Replies: 1
    Last Post: 05-20-2004, 11:57 PM

Posting Permissions

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