SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: IE pos. problem

  1. #1
    SitePoint Zealot poLka's Avatar
    Join Date
    Apr 2003
    Location
    GF
    Posts
    136
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE pos. problem

    i have this layout that i'd love to use but i got one problem... IE 6 (not sure about 5) on Windows XP. Netscape and Opera and IE on Mac work as expected, but Windows tweaks. any suggestions on what will fix it?

    Code:
     
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!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>
    <title>tester</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style>
    <!--
    body {
     margin: 0;
     padding: 0;
     background-color: #FFFFFF;
     font-family: verdana, sans-serif;
     font-size: 0.8em;
     color: #000000;
    }
    .title {
     font-family: "Trebuchet MS",sans-serif;
     font-size: 1.3em;
     color: #737333;
     font-weight: bold;
    }
    .author {
     font-family: verdana, sans-serif;
     font-size: 0.9em;
     color: #333333;
     font-style: italic;
     font-weight: bold;
    }
    .pageTitle {
     font-family: "Trebuchet MS",sans-serif;
     font-size: 1.8em;
     color: #000000;
    }
    .tmp {
     font-family: verdana, sans-serif;
     font-size: 1em;
     color: #000000;
    }
    a:link {
     font-family: verdana, sans-serif;
     font-size: 0.8em;
     text-decoration: none;
     color: #003300;
    }
    a:active {
     font-family: verdana, sans-serif;
     font-size: 0.8em;
     text-decoration: none;
     color: #000000;
    }
    a:visited {
     font-family: verdana, sans-serif;
     font-size: 0.8em;
     text-decoration: none;
     color: #221133;
    }
    a:hover {
     font-family: verdana, sans-serif;
     font-size: 0.8em;
     text-decoration: underline;
     color: #550000;
    }
    .linkHeader {
     font-family: verdana, sans-serif;
     font-size: 0.9em;
     font-weight: bold;
     color: #000000;
    }
    #topBar {
     background-color: #C9C998;
     height: 120px;
    }
    #logo {
     position: absolute;
     top: 0px;
     left: 0px;
     background-color: #FFFFFF;
     height: 120px;
    }
    #bottomBar {
     background-color: #737333;
     height: 15px;
    }
    #navBar {
     background-color: #FFFFFF;
     padding: 5px 25px 5px 16px;
     line-height: 1.7em;
    }
    .navSpacer {
     font-size: 0.8em;
    }
    #contentBar{
     background-color: #ffffff;
    }
    #rightContent {
     position: relative;
     left: 0px;
     top: 0px;
     margin-left: 500px;
     text-align: center;
     background-color: #44ff44;
    }
    #bottomSpacer {
     clear: both;
    }
    #rightContent img {
     margin: 15px;
     border: dashed 1px #000000;
    }
    #leftContent {
     float: left;
     width: 450px;
     padding: 5px 10px 25px 20px;
     background-color: #ffffff;
    }
    .pageTitle {
     font-family: "Trebuchet MS",sans-serif;
     font-size: 1.8em;
     color: #000000;
    }
    -->
    </style>
    </head>
    <body>
    <div id="topBar">
    <div id="logo">
    <a href="index.htm"><img src="picture" alt="alt" width="327" height="120" border="0" /></a>
    </div>
    </div>
    <div id="navBar">
    <span class="linkHeader">Doukhobors</span><span class="navSpacer"> > </span> 
    <a href="today.htm">Today</a><span class="navSpacer"> | </span>
    <a href="history.htm">History</a><span class="navSpacer"> | </span>
    <a href="canada.htm">Life in Canada</a><br />
    <span class="linkHeader">Media</span><span class="navSpacer"> > </span> 
    <a href="singing.htm">Doukhobor Singing</a><span class="navSpacer"> | </span>
    <a href="photos.htm">Historical Photos</a><br />
    <a href="index.htm">Home</a><span class="navSpacer"> | </span>
    <a href="links.htm">Links</a><span class="navSpacer"> | </span>
    <a href="archive.htm">Archive</a><span class="navSpacer"> | </span>
    <a href="contact.htm">Contact Us</a>
    </div>
    <div id="contentBar">
    <br /><br />
    <div id="leftContent">
    <span class="pageTitle">Doukhobors Today</span><br /><br />
    <p>The Doukhobors of Today have become better understood and their spiritual and 
    cultural heritage has gained worldwide respect and recognition.</p>
    <p>The USCC (Union of Spritual Communities of Christ, main office in Grand Forks, 
    B.C. Canada) has continued the Slavic tradition of hospitality, symbolized by the 
    Bread, Salt and Water that grace all Doukhobor functions, and has become well known 
    for its acappella choirs with their message of peace and love.</p>
    <p>Today, recognizing that they live in a global village, Doukhobors are actively 
    engaged, at home and abroad, in the nonviolent pursuit of peace, human rights, 
    social justice, respect for the environment, and in the provsision of aid to those 
    in need. They commonly own facilities and heritage sites, administer and provide 
    a wide range of services, and publish a bilingual journal (ISKRA). They are also 
    stewards of properties, which offer potential for a return to a lifestyle more 
    consistent with their Doukhobor "Life Concept".</p>
    <p>In 1995, Doukhobors and friends, commemorated the Centennial of their forebears' 
    burning of firearms, and in 1999, the Centennial of their arrival in Canada. As 
    they greet the new millennium, Doukhobors take pride in their history and heritage, 
    and look to the future with optimism, confident that the power of love will triumph 
    over the love of power.</p>
    </div>
    <div id="rightContent">
    <img src="picture2" alt="alt text" width="413" height="230" border="0"/>
    <br />
    <img src="picture3" alt="alt text" width="185" height="292" border="0"/>
    <br />
    </div>
    <div id="bottomSpacer">&nbsp;</div>
    </div>
    <div id="bottomBar">
    &nbsp;
    </div>
    </body>
    </html>

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Take off the <?xml?> declaration at the top of your page, or use the box model hack (link is in my sig). Dropping the <?xml?> declaration will fix IE6/Windows, but using the box model hack will fix IE5/Windows and IE6/Windows. It depends on the audience you want to get.


Bookmarks

Posting Permissions

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