...

View Full Version : Problem with internet explorer 7



mrmighty
10-30-2008, 06:20 PM
Hello, I have a problem with internet explorer.

web page in IE (broken)
http://design.mochanin.com/ie.jpg

Web page in FF (good)
http://design.mochanin.com/ff.jpg


The code: HTML


<!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:


* {
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.

jcdevelopment
10-30-2008, 07:14 PM
try this first to even out every padding and margin!


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


see if that helps in the least!

mrmighty
10-30-2008, 07:20 PM
NOPE :(

The live page is here. give it a try:

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

Lochlan
10-31-2008, 01:35 AM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum