The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Problem with IE 7 properly displaying my CSS code
deviled egg
post Apr 21 2008, 04:12 PM
Post #1





Group: Members
Posts: 3
Joined: 23-November 06
From: The most important rule in real estate
Member No.: 1,103



I don't understand why IE 7 isn't displaying this code properly. Please review the site at:

I've included screen shots and the code below. Thanks in advance for your help!



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>Pre Employment Verification Services</title>

<link rel="stylesheet" rev="stylesheet" href="css/rag_stylesheet.css" type="text/css" media="screen" charset="utf-8" />

</head>

<body>

<!--start container div tag -->
<div id="container"><div align="center">

<!--start header div tag -->
<div id="header">

  <img src="images/rag_title.jpg" width="935" height="160" />
  

<!--start upper-nav div tag -->
<div id="upper-nav">
    <table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15%" align="left" valign="top"><img src="images/rag_lft_spcr.jpg" width="140" height="32" alt="Motor Vehicle Records. Credit History Check" /></td>
        <td width="6%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/rag_bttn1_ovr.jpg',1)"><img src="images/rag_bttn1.jpg" alt="Risk Assessment - Home" name="Image3" width="60" height="32" border="0" id="Image3" /></a></td>
        <td width="12%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/rag_bttn2_ovr.jpg',1)"><img src="images/rag_bttn2.jpg" alt="Risk Assessment - Our Services" name="Image4" width="115" height="32" border="0" id="Image4" /></a></td>
        <td width="16%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/rag_bttn3_ovr.jpg',1)"><img src="images/rag_bttn3.jpg" alt="Risk Assessment - Perfered Vendors" name="Image5" width="147" height="32" border="0" id="Image5" /></a></td>
        <td width="11%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/rag_bttn4_ovr.jpg',1)"><img src="images/rag_bttn4.jpg" alt="Risk Assessment - Legal Notes" name="Image6" width="103" height="32" border="0" id="Image6" /></a></td>

        <td width="16%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/rag_bttn5_ovr.jpg',1)"><img src="images/rag_bttn5.jpg" alt="Risk Assessment - Online Application" name="Image7" width="154" height="32" border="0" id="Image7" /></a></td>
        <td width="9%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/rag_bttn6_ovr.jpg',1)"><img src="images/rag_bttn6.jpg" alt="Risk Assessment - Contact Us" name="Image8" width="84" height="32" border="0" id="Image8" /></a></td>
        <td width="15%" align="left" valign="top"><img src="images/rag_rt_spcr.jpg" width="132" height="32" alt="Personal Reference Interviews, Drug Screening" /></td>
      </tr>
    </table>
        
<!--end upper-nav div tag -->  
</div>

<!--end header div tag -->  
</div>

<!--start inner-container div tag -->
<div id="inner-container">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="3%" align="left" valign="top" background="images/rag_lft_grn_line.gif">&nbsp;</td>
          <td width="96%" align="left" valign="top">

            
          <!--start left-column div tag -->
<div id="left-column">
    <div align="center">
    <div style="width:160px; align: center; background-color:#d6eafa; border-color:#CCCCCC; border-style:solid; ">
      <div align="left"><img src="images/rag_services_title.jpg" width="160" height="18" alt="Risk Assessment Group Services" /><br />

      <span class="body">
        <a class=menu href="#">&nbsp;›› Criminal Background &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Search</a><br />
        <a class=menu href="#">&nbsp;›› Employment &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verification</a><br />
        <a class=menu href="#">&nbsp;›› Credit Check</a><br />
        <a class=menu href="#">&nbsp;›› Worker’s Comp Check</a><br />

        <a class=menu href="#">&nbsp;›› Social Security Trace</a><br />
        <a class=menu href="#">&nbsp;›› Education Verification</a><br />
        <a class=menu href="#">&nbsp;›› Sex Offender Check</a><br />
        <a class=menu href="#">&nbsp;›› Reference Check</a><br />
        <a class=menu href="#">&nbsp;›› Drug Screening</a><br />

        <a class=menu href="#">&nbsp;›› D.M.V. Check</a><br />
        <a class=menu href="#">&nbsp;›› E-Verify</a><br />
        <a class=menu href="#">›› Misc. Searches</a><br /></span>
        <br />
      <!-- enddiv aligns and div center tags-->
        </div>

    </div> </div>
          
        <div style="margin-top: 5px;">
        <div align="center">
    <div style="width:160px; align: center; background-color:#ffffff; border-color:#CCCCCC; border-style:solid; ">
      <img src="images/rag_partners_title.jpg" width="160" height="18" alt="Risk Assessment Group Partners and Alliances" />
      <div style="margin-top:5px;"> <img src="images/rag_partners_image.jpg" alt="County Level Criminal Search" /> <div style="margin-top:5px;"> <img src="images/napbs.jpg" alt="County Level Criminal Search" width="159" height="80" /> </div>
      <div style="margin-top:5px;"> <img src="images/bbb.jpg" alt="County Level Criminal Search" width="136" height="129" /> </div>

      </div> </div>
      
      <br />
        <br />
      <!-- enddiv aligns and div center tags-->
           </div> </div>
    
    <!--end left-columnr div tag -->  
</div>

<!--start right-column div tag -->
<div id="right-column">

<div style=" float:right; width:160px; align: center; background-color:#d6eafa; border-color:#CCCCCC; border-style:solid; ">
      <div align="left"><img src="images/rag_bkgrd_checks_title.jpg" width="160" height="18" alt="Risk Assessment Group Background Checks" />
      <div style="margin-top: 5px;">
        <div align="center"> <img src="images/rag_bkgrdcheck_image.jpg" alt="Identity Investigation" /><div align="left">
        <table width="100%" border="0" cellspacing="0" cellpadding="5">
                          <tr>
                            <td align="left" valign="top"><span class="headersm"><strong>Why Should Your Company Use Employment Screening?</strong></span><br />
                                <span class="body">It would be nice to think that everyone is honest on his or her resume...</span></td>

                          </tr>
                          <tr>
                            <td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
                          </tr>
                          <tr>
                            <td align="left" valign="top"><span class="headersm"><strong>Your Applicants Can Now Apply Online!</strong></span> <span class="body">Review your applications and submit potential hires for a background check with just a click...</span></td>
                          </tr>

                          <tr>
                            <td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
                          </tr>
                          <tr>
                            <td align="left" valign="top"><span class="headersm"><strong>Large or Small, Your Company Is Important to Us!</strong></span><br />
                                <span class="body">From basic background checks to customized solutions, Risk Assessment has everything your company needs..</span></td>
                          </tr>

                          <tr>
                            <td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
                          </tr>
                          <tr>
                            <td align="left" valign="top"><span class="headersm"><strong>What is E-Verify, and how does it affect your company?</strong></span></td>
                          </tr>
                          <tr>
                            <td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>

                          </tr>
                        </table>
         </div></div></div>
    

  <!-- enddiv aligns and div center tags-->
      
    </div> </div>

<!--end right-column div tag -->
</div>


<!-- start content div tag-->
<div id="content"><div style="margin-top:34px;"><img src="images/rag_help_build_team.jpg" alt="Risk Assessment Group - Helping You Build a Better Team" width="380" height="194" hspace="0" vspace="0" align="left" />

    <div style=" float:right; margin-top: 1px; width:160px; align: center; background-color:#d6eafa; border-color:#CCCCCC; border-style:solid; ">

      <div align="left"><img src="images/rag_login_title.jpg" width="160" height="18" alt="Pre Employment Screening Service" /><br />
        <br />
        <br />
</div>

  <!-- enddiv aligns and div center tags-->
      
    </div> </div>

<div style="margin-top: 5px;">  
    
<div id="lower-content">


<table width="100%" height="100%" border="0" cellspacing="5" cellpadding="0">
                <tr>

                  <td colspan="4" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td bgcolor="#01070f">&nbsp;</td>
                    </tr>
                  </table></td>
                  </tr>
                <tr>
                  <td colspan="4" align="left" valign="top"><img src="images/e-verify.jpg" alt="E-Verify" width="165" height="49" hspace="5" vspace="5" align="absmiddle" /><span class="header"><strong>E-Verify Service Now Available!</strong></span></td>

                  </tr>
                <tr>
                  <td colspan="4" align="left" valign="top"><span class="body">Risk Assessment Group is a federally approved Designated Agent of the Department of Homeland Security and the Social Security Administration for Form I-9 Employment (Right To Work) Verifications. Protect your business from costly fines by verifying that all new hires are who they say they are and by verifying that they have the right to work in the United States. With the dramatic increase in fraudulent social security cards and other documents, simply making a copy of a new hire's documents ...</span></td>
                  </tr>
                <tr>
                  <td width="13%" align="left" valign="top"><img src="images/homeland_security.jpg" alt="Homeland Security" width="69" height="70" /></td>
                  <td width="37%" align="left" valign="top"><span class="body">Homeland Security Passes I9 Bill Aimed at Cracking Down on Illegal Working Aliens</span></td>
                  <td width="22%" align="left" valign="middle"><img src="images/hr-xml.jpg" width="108" height="49" /></td>

                  <td width="28%" align="left" valign="top"><span class="body">Risk Assessment Group Completes HR-XML Tool Allowing Clients to Easily Integrate Our Background Screening Process with Their HR Dept</span></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><img src="images/international.jpg" width="86" height="52" /></td>
                  <td align="left" valign="top"><span class="body">International Background Searches Now Available for Risk Assessment Group Clients!</span></td>
                  <td align="center" valign="top"><img src="images/online_app.jpg" alt="Apply online!" width="78" height="103" /></td>
                  <td align="left" valign="top"><span class="body">Your Applicants Can Now Apply Online Using Our Online Application!</span></td>

                </tr>
              </table>
</div>
</div>

<!--end content div tag-->
</div>

</td>
          <td width="1%" align="left" valign="top" background="images/rag_rt_grn_line.gif">&nbsp;</td>
        </tr>
        <tr>

          <td align="left" valign="top"><img src="images/rag_lft_lwr_crnr.jpg" width="19" height="30" alt="Education Verification" /></td>
          <td align="left" valign="top"><img src="images/rag_bttm_grn_line.gif" width="897" height="30" alt="County Level Criminal Search" /></td>
          <td align="left" valign="top"><img src="images/rag_lwr_crnr.jpg" width="19" height="30" alt="Motor Vehicle Verification" /></td>
        </tr>
      </table>


<!--start footer div tag -->
<div id="footer"> <span class="tiny">&copy; 2008 Risk Assessment Group.  All Rights Reserved.
Site Designed by: <a href="http://www.threeduck.com/" target="_blank">Three Duck Media</a></span>

<!--end footer div tag -->
</div>

<!--end inner-container div tag -->  
</div>

<!-- end container div tag-->
</div>
<!-- end div align="center" tag-->
</div>

</body>
</html>

IPB Image
IPB Image


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 21 2008, 04:15 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Can you provide the URL (address) of a document that demonstrates the problem?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deviled egg
post Apr 21 2008, 04:36 PM
Post #3





Group: Members
Posts: 3
Joined: 23-November 06
From: The most important rule in real estate
Member No.: 1,103



QUOTE(Darin McGrew @ Apr 21 2008, 02:15 PM) *

Can you provide the URL (address) of a document that demonstrates the problem?



I thought i did..... risk assessment on three duck development server
sorry.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 21 2008, 05:45 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



The online tools report a few markup errors and CSS errors.

The main thing I notice (in Firefox) is that the copyright message is positioned relative to the left edge of the display area, but the rest of the site is centered. It only lines up right when the display area is the same width as yours.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 26th April 2024 - 04:11 AM