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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Aug 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with internet explorer 7

    Hello, I have a problem with internet explorer.

    web page in IE (broken)


    Web page in FF (good)



    The code: HTML

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>BCG</title>
    
    <script type="text/javascript" src="rollover.js"></script>
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    
    <body>
    
    <div class="wrapper">
    <div class="logo">
        <img src="images/logo.jpg" alt="" width="380" height="93">  </div>
        
         <div class="navright"> &nbsp;
        <img src="images/clock__02.gif" alt="" name="c1" width="84" height="91" id="c1">
        <img src="images/clock__04.gif" alt="" name="c2" width="78" height="91" id="c2">
        <img src="images/clock__06.gif" alt="" name="c3" width="82" height="91" id="c3">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><a href="#"><img src="images/topnav__11.gif" alt="" width="68" height="45"  onmouseover="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/topnav__15.gif" alt="" width="110" height="41"  onmouseover="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/topnav__16.gif" alt="" width="117" height="41"  onmouseover="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/topnav__17.gif" alt="" width="85" height="41" onMouseOver="ion(this)" onMouseOut="ioff(this)"><img src="images/topnav__18.gif" alt="" width="80" height="41"></a>          </td>
          </tr>
        </table>
      </div>
      <div class="header2"><img src="images/header.jpg" alt="" width="979" height="260"></div>
        
      <div class="navbar"><img src="images/firstnav.gif" alt=""><a href="#"><img src="images/marine.gif" alt="" onMouseOver="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/trade.gif" alt="" width="90" height="67" onMouseOver="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/reverse.gif" alt="" width="94" height="67"  onmouseover="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/risk.gif" alt="" width="99" height="67" onMouseOver="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/resource.gif" alt="" width="87" height="67" onMouseOver="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/broad.gif" alt="" width="125" height="67" onMouseOver="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/claims.gif" alt="" width="55" height="67" onMouseOver="ion(this)" onMouseOut="ioff(this)"></a><a href="#"><img src="images/news.gif" alt="" width="103" height="67"  onmouseover="ion(this)" onMouseOut="ioff(this)"></a><img src="images/lastnav.gif" alt="" width="39" height="67"></div>
     
    
         
    <div class="leftcolum">
    <table width="100%"  style="height:566px;" border="0" cellpadding="0" cellspacing="0" id="lefttable">
            <tr>
              <td colspan="2"><h4>Sample Verbiage<br>
              </h4>            <div align="center"><img src="images/line.gif" alt="alt" width="162" height="1"></div></td>
            </tr>
            
           <tr>
           	<td width="24%" >&nbsp;</td>
       	  <td width="76%"><a href="#">
          <img src="images/__35.gif" alt="" width="99" height="70"></a></td></tr>
            <tr><td>&nbsp;</td><td style="height:20px" valign="middle"><span class="h2"><a href="#">metal importer</a></span></td>
           </tr>
           <tr>
              <td>&nbsp;</td>
              <td><a href="#"><img src="images/__44.gif" alt="" width="99" height="68"></a></td>
          </tr>
             <tr>
              <td>&nbsp;</td>
              <td style="height:20px;"><span class="h2"><a href="#">political risks</a></span></td>
            </tr>
        <tr>
              <td>&nbsp;</td>
              <td><a href="#"><img src="images/__49.gif" alt="" width="97" height="71"></a></td>
          </tr>
          <tr>
              <td>&nbsp;</td>
                    <td style="height:20px;"><span class="h2"><a href="#">chemicals</a></span></td>
          </tr>
        <tr>
              <td>&nbsp;</td>
              <td><a href="#"><img src="images/__54.gif" alt="" width="101" height="80"></a></td>
          </tr>
             <tr>
              <td>&nbsp;</td>
               <td style="height:20px;" valign="middle" ><span class="h2"><a href="#">ocean cargo</a></span></td>
            </tr>
           <tr>
              <td>&nbsp;</td>
              <td><a href="#"><img src="images/__64.gif" alt="" width="101" height="80"><br>
              trade credit</a></td>
          </tr>
        </table>
      </div>
    <div class="centercolum"><table width="100%" style="height:598px;" border="0" cellpadding="0" cellspacing="0" id="center">
      <tr>
        <td width="35%" height="139" bgcolor="#FFFFFF" style="vertical-align: bottom;"><img src="images/welcome2bcg.gif" alt="" name="bcg" width="235" height="105" id="bcg"></td>
        <td width="35%" valign="bottom" bgcolor="#FFFFFF">&nbsp;</td>
        <td width="30%" valign="top"><img src="images/map-center2.jpg" alt="" width="128" height="139"></td>
      </tr>
      <tr bordercolor="#999999">
        <td colspan="3" bgcolor="#EDECEC"><p>Today’s business environment is in constant motion. Keeping pace is difficult enough without the added concerns of protecting the assets of your company. The BCG team provides risk management and brokering expetise to our clients.</p>
          <p>Our team specializes in providing risk management solutions to companies involved in the import and export of Phisical Traded Commodities, Metals, Chemicals, and</p>
          <p>Another unique service we provide is the placement and servicing of reveres flow business. With strong market representation in the United States we have the ability to place &amp; service local policies for our partners and clients that are domiciled outside of the United States. </p>
          <p>We are a niche family owned and run firm that was founded on the principal of &quot;know your customer&quot;.  Experience the difference and give us a call.      </p>    </td>
        </tr>
    </table>
    </div>
        
        <div class="rightcolum"><img src="images/map-right.gif" alt="" width="221" height="139"><br>
          <table width="100%" border="0" cellpadding="0" cellspacing="0"  bgcolor="#EDECEC">
            <tr valign="top">
              <td colspan="3" valign="top"><img src="images/ships_02.jpg" alt="" width="355" height="301"></td>
            </tr>
            <tr>
              <td width="17%" valign="top"><img src="images/contacts_bottom_44_49.gif" alt="" width="36" height="158"></td>
              <td width="38%" valign="top"><h3>Our New Jersey office <br>
                is located at:</h3>
                <p style="font-size:10px;">935 Highway 34<br>
                  Suite 2E<br>
                  Matawan, NJ 07747<br>
                  Ph-732-970-7070<br>
              Fx-732-970-7069</p></td>
              <td width="45%" valign="top"><h3>Our NY office:</h3>
              <p style="font-size:10px"><br>
                Wall Street Plaza<br>
                88 Pine Street<br>
                New York, NY 10005<br>
                ph: 212-220-0396<br>
              fx: 212-85-1861</p></td>
            </tr>
          </table>
      </div>
      <div class="footer">
      <table width="100%" style="height:47px;" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td class="footerTXT">Copyright © 2008 Brod Covarage Group. <br>
    All rights reserved. Design and Development by <a href="mochanin.com">mochanin.com</a></td>
        </tr>
    </table>
    
    
    </div>
    </div>
    </body>
    </html>


    CSS:
    Code:
    * {
    border:0;
    }
    
    
    div.wrapper {
    width:980px;
    margin:0 auto;
    }
    
    div.leftcolum {
    	float:left;
    	width:186px;
    	margin-right:5px;
    	background-image: url(../1024/images/bgleft.gif);
    	background-repeat:repeat-x;
    	margin-top: 25px;
    	margin-top: 32px;
    }
    .navright #c1 {
    	margin-right: 40px;
    	margin-left: 10px;
    }
    .navright #c2 {
    	margin-right: 40px;
    }
    
    
    div.centercolum {
    	float:left;
    	width:430px;
    	margin-right:2px;
    	margin-bottom: 20px;
    }
    
    div.rightcolum {
    	float:left;
    	width:355px;
    	padding-left: 2px;
    }
    
    div.logo {
    float:left;
    height:83px;
    width:380px;
    margin-top:20px;
    }
    
    div.footer {
    	background-color:#338bf1;
    	height:48px;
    }
    
    body {
    	margin-top:0px;
    	}
    	
    div.navbar {
    	width:980px;
    	clear:both;
    }
    
    p {
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-size:12px;
    	color:#666666;
    	line-height:155%;
    	padding-left:10px;
    	padding-right:10px;
    }
    
    div.footer {
    	background-color:#338bf1;
    	clear:both;
    	height:47px;
    	text-align: center;
    }
    
    .footerTXT {
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	text-align:center;
    	font-size:12px;
    	color: #FFFFFF;
    }
    
    h4, .h4 {
    	color:#FFFFFF;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-size:15px;
    	text-align: center;
    	padding-top: 5px;
    }
    
    h3 {
    	color:#0268ce;
    	font-size: 12px;
    	padding-top: 10px;
    }
    
    
    div.navright {
    	float:right;
    	width:460px;
    	height:160px;
    	}
    	
    div.textarea {
    	border-right-width: 1px;
    	border-left-width: 1px;
    	border-right-style: solid;
    	border-left-style: solid;
    	border-right-color: #CCCCCC;
    	border-left-color: #CCCCCC;
    	background-color: #edecec;
    }
    
    div.border {
    		border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: solid;
    	border-right-color: #CCCCCC;
    	border-bottom-color: #CCCCCC;
    	border-left-color: #CCCCCC;
    	}
    
    h1,h2,a, .h2 {
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	color:#FFFFFF;
    	font-size: 12px;
    	font-weight:bolder;
    	text-decoration:none;
    }
    Can I have some tips how to fix it. Thank you.

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try this first to even out every padding and margin!

    Code:
    * {
    border:0;
    margin:0;
    padding:0;
    }

    see if that helps in the least!

  • #3
    New to the CF scene
    Join Date
    Aug 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    NOPE

    The live page is here. give it a try:

    http://design.mochanin.com/bcg/html1029/

  • #4
    New Coder
    Join Date
    May 2008
    Location
    Sydney, Australia
    Posts
    45
    Thanks
    0
    Thanked 8 Times in 8 Posts
    Maybe you should try to get rid of the table usage and convert it to use divs. I think you'd have a bit more control then.


  •  

    Posting Permissions

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