website works in firefox but ruined in IE7, help is much apprechiated!

fightin_champ · Jul 8, 2007

i am coding my website using dreamweaver cs3. my home page is coded fine along with a few other page but 1 page with alot of pictures on it works fine with firefox but not with IE7. in internet explorer the are random massive spaces between the pictures that are in the list. if you want to see the website for yourself to see wot i mean it's http://monkeymobs.com/nokia.html.

i dont know if this info will help but ill put it down jst incase:

this is the coding for the page :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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>Free Line Rental Mobile Deals - Free 12 Months Line Rental - The Free Contract Phone Comparison Site</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

<style type="text/css">

</style>
</head>

<body>

<div id="outer">
<div align="center" id="wrapper">
<div id="nav">
<div id="nav-left">
<div id="nav-right">
<ul class="style23">
<li class="style28">ALL FREE PHONES </li>
<li class="style28">OTHER OFFERS</li>
<li class="style28">OUR PICKS</li>
<li class="style28">FAQ</li>
<li class="style26"></li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div id="head">
<div id="head-left"></div>
<div id="head-right"></div>
<h1><span class="logo"><span class="top">MonkeyMobs - Free</span><span class="gadgets style23">Contract phones</span></span></h1>
<div id="navb">
<ul>
<li><a href="www.monkeymobs.com">HOME</a></li>
<li><a href="www.monkeymobs.com">CONTACT</a></li>
</ul>
</div>
<img src="images/monkey1.GIF" alt="" width="200" height="157" align="right" /></div>
<div id="body">
<div id="body-bot">
<h2 align="left"><span>Nokia Free Line Rental Mobile Phone Deals</span></h2>
<blockquote>
<p>Current 12 month free line rental deals on nokia mobile phones: -</p>
<div class="left">
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=466"><img src="images/nokia-6288-black-front2.JPG" alt="" width="117" height="275" align="left" />Nokia 6288</a></h3>
<p>  </p>
<p>400 Minutes and 250 texts per month. </p>
<p>Tariff -Three</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420</p>
</blockquote>
<div>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=466" class="addtocart">Buy it</a></p>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=508"><img src="images/nokia_6030_nagy.jpg" alt="" width="120" height="221" align="left" />Nokia 6030</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420</p>
</blockquote>
<div>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=508" class="addtocart">Buy it</a></p>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=409"><img src="images/nokia6085_l.gif" alt="" width="120" height="240" align="left" />Nokia 6085</a></h3>
<p>  </p>
<p>150 Minutes and 150 texts per month. </p>
<p>Tariff - Virgin</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £300</p>
</blockquote>
<div>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=409" class="addtocart">Buy it</a></p>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
</blockquote>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=398"><img src="images/nokia7373_l.gif" alt="" width="120" height="240" align="left" />Nokia 7373</a></h3>
<p>  </p>
<p>600 Minutes and 1200 texts per month. </p>
<p>Tariff -T-mobile</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420
</p>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=398" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=767&programmeID=2416&mediaID=0&tracking=&url=http://www.coolnewmobile.co.uk/index2.asp?submit.x=78&submit.y=13&id=604"><img src="images/Nokia_N72.jpg" alt="" width="120" height="234" align="left" />Nokia N72</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420</p>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=767&programmeID=2416&mediaID=0&tracking=&url=http://www.coolnewmobile.co.uk/index2.asp?submit.x=78&submit.y=13&id=604" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=767&programmeID=2416&mediaID=0&tracking=&url=http://www.coolnewmobile.co.uk/index2.asp?submit.x=45&submit.y=4&id=611"><img src="images/nokia_n70.jpg" alt="" width="125" height="212" align="left" />Nokia N70</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420</p>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url= http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=767&programmeID=2416&mediaID=0&tracking=&url=http://www.coolnewmobile.co.uk/index2.asp?submit.x=45&submit.y=4&id=611" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=751&programmeID=2496&mediaID=0&tracking=&url=http://www.buymobilephones.net/store/fulldetails-40812.ihtml"><img src="images/nokia-5300.jpg" alt="" width="120" height="195" align="left" />Nokia 5300</a> </h3>
<p> </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420</p>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=751&programmeID=2496&mediaID=0&tracking=&url=http://www.buymobilephones.net/store/fulldetails-40812.ihtml" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2356&programmeID=6372&mediaID=0&tracking=&url=http://www.my-mobiles.com/Nokia+6111+Black+and+Silver-13-0-0.php"><img src="images/nokia_6111_black_silver_1.jpg" alt="" width="135" height="198" align="left" />Nokia 6111</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p align="center">Total saving - £420</p>
<blockquote>
<blockquote>
<p> </p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2356&programmeID=6372&mediaID=0&tracking=&url=http://www.my-mobiles.com/Nokia+6111+Black+and+Silver-13-0-0.php" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=751&programmeID=2496&mediaID=0&tracking=&url=http://www.buymobilephones.net/store/fulldetails-36848.ihtml"><img src="images/nokia_6131.jpg" alt="" width="120" height="224" align="left" />Nokia 6131</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p align="center">Total saving - £420</p>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=751&programmeID=2496&mediaID=0&tracking=&url=http://www.buymobilephones.net/store/fulldetails-36848.ihtml" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
</blockquote>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<blockquote>
<div class="left">
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=751&programmeID=2496&mediaID=0&tracking=&url=http://www.buymobilephones.net/store/fulldetails-36854.ihtml"><img src="images/nokia7360.jpg" alt="" width="120" height="247" align="left" />Nokia 7360</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p align="center">Total saving - £420</p>
</blockquote>
<div>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=751&programmeID=2496&mediaID=0&tracking=&url=http://www.buymobilephones.net/store/fulldetails-36854.ihtml" class="addtocart">Buy it</a></p>
</blockquote>
</div>
<div class="divider"></div>
</div>
</blockquote>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<blockquote>
<div class="left">
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=78&programmeID=2811&mediaID=0&tracking=&url=http://www.phones2udirect.com/products/type/phones/BundleID/427569?grd=8-1&nwk=home&sct=3"><img src="images/nokia_6290_2.jpg" alt="" width="120" height="210" align="left" />Nokia 6290</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p align="center">Total saving - £420</p>
</blockquote>
<div>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=78&programmeID=2811&mediaID=0&tracking=&url=http://www.phones2udirect.com/products/type/phones/BundleID/427569?grd=8-1&nwk=home&sct=3" class="addtocart">Buy it</a></p>
</blockquote>
</div>
<div class="divider"></div>
</div>
</blockquote>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=347"><img src="images/nokia_6630_1.jpg" alt="" width="120" height="222" align="left" />Nokia 6630</a></h3>
<p>  </p>
<p>500 Minutes and 250 texts per month. </p>
<p>Tariff - Vodafone</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420</p>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=347" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<div class="left">
<blockquote>
<blockquote>
<h3><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=472"><img src="images/nokia6300_l.gif" alt="" width="120" height="240" align="left" />Nokia 6300</a></h3>
<blockquote>
<p>  </p>
<p>600 Minutes and 1200 texts per month. </p>
<p>Tariff -T-mobile</p>
<p>Free 12 months line rental on a 12 month contract</p>
<p>Total saving - £420</p>
</blockquote>
</blockquote>
</blockquote>
<div>
<blockquote>
<blockquote>
<p><a href="http://scripts.affiliatefuture.com/AFClick.asp?affiliateID=95421&merchantID=2400&programmeID=6328&mediaID=0&tracking=&url=http://www.directphoneshop.co.uk/12alldeals.asp?id=472" class="addtocart">Buy it</a></p>
</blockquote>
</blockquote>
</div>
<div class="divider"></div>
</div>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"></p>
<p align="left"> </p>
<div id="banner">
<img src="images/pic_5.jpg" width="256" height="109" alt="Nokia 6015i" class="left" />
<div class="clear"></div>
</div>
<div id="footer">
<p>Privacy Policy <strong> : </strong> Terms & Conditions <br />
© Copyright 2007. All rights reserved.</p>
</div>
</div>
</div>
</div>
</div>

</body>
</html>

i am new to website making but am quite good at applying myself to comps. i have spent hours trying to work this 1 out with no luck, PLEASE HELP

thank you very much your comments are apprechiated

fightin_champ · Jul 8, 2007

and this is my css page that goes with (got as a template not made)

html, body {
margin: 0px;
padding: 0px;
}
body {
font-family: Tahoma, verdana, sans-serif;
font-size: 12px;
}
img {
border: 0px;
}
a {
color: #575757;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #2B2B2B;
text-decoration: underline;
}
ul {
margin: 0px 0px 0px 2em;
padding: 0px;
}
li {
list-style: square;
margin: 0px;
padding: 0px;
}
.clear {
clear: both;
}
form {
margin: 0px;
padding: 0px;
}
body {
background: url(images/bg.jpg);
}
#outer {
background: url(images/bg_top.jpg) repeat-x;
min-height: 757px;
padding: 67px 0px;
text-align: center;
}
#wrapper {
text-align: center;
margin: auto;
position: relative;
width: 568px;
}
#nav {
background: url(images/nav_bg.gif) repeat-x;
}
#nav-left {
background: url(images/nav_left.gif) no-repeat;
width: 100%;
}
#nav-right {
background: top right url(images/nav_right.gif) no-repeat;
height: 33px;
}
#nav a, #navb a {
color: #C0C4AB;
text-decoration: none;
font: bold 9px arial, sans-serif;
}
#nav a:hover, #navb a:hover {
color: white;
}
#nav ul {
padding-top: 9px;
}
#nav li {
display: inline;
padding: 0px 15px;
}
#head {
position: relative;
height: 157px;
background: url(images/head_bg.gif);
}
#head h1 {
margin: 0px;
padding: 0px;
position: absolute;
top: 45px;
left: 29px;
width: 264px;
}
.logo {
display: block;
float: left;
border: 2px solid #B3B79E;
border-top: none;
border-bottom: none;
padding: 0px 5px;
font: 20px "arial narrow", arial, sans-serif;
height:55px;
}
.logo .top {
display: block;
color: #303228;
}
.logo .gadgets {
display: block;
color: #6C7376;
font-size: 18px;
margin-top: 0px;
line-height: 32px;

}
#head-left {
position: absolute;
top: 0px;
left: -16px;
width: 15px;
height: 200px;
background: url(images/head_left.gif) no-repeat;
}
#head-right {
position: absolute;
top: 0px;
left: 562px;
width: 16px;
height: 200px;
background: url(images/head_right.gif) no-repeat;
}
#navb {
position: absolute;
top: 138px;
left: 10px;
height: 19px;
}
#navb ul {
margin: 0px;
padding: 0px;
}
#navb li {
float: left;
width: 76px;
height: 19px;
background: url(images/small_nav_tab.gif) no-repeat;
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
padding-top: 4px;
}
#navb a {
color: #E1E1D5;
}
#head-1 {
position: absolute;
top: -1px;
right: 11px;
width: 237px;
height: 157px;
background: url(images/head_1.jpg) no-repeat;
}
#head-2 {
height: 184px;
background: url(images/head_2.jpg) no-repeat;
}
#login {
background: url(images/login_bg.jpg) repeat-y;
font-weight: bold;
color: #E1E1D5;
}
#login-bot {
background: bottom url(images/login_bot.jpg) no-repeat;
padding: 6px 0px 19px 0px;
}
#login-box {
float: left;
width: 260px;
}
#login h2 {
margin: 0px;
padding: 0px 0px 3px;
}
#login a {
color: #303228;
}
#login a:hover {
color: #1C1D10;
}
#login-box h2 {
padding: 0px 0px 3px 30px;
margin-left: 45px;
margin-bottom: 3px;
color: #303228;
font: 18px "arial narrow", arial, sans-serif;
background: url(images/h_login.gif) no-repeat;
}
#login-box h2 em {
font-style: normal;
color: #ECEEE4;
}
#login-username {
float: left;
width: 195px;
text-align: right;
color: #303228;
}
#login-username input {
width: 120px;
background: #FFFFFF;
color: #303228;
font-size: 10px;
border: 1px solid #60654E;
}
#login-username div {
padding-bottom: 1px;
}
#login-button {
float: left;
width: 45px;
margin: 2px 10px;
}
#login-box .reg {
text-align: right;
padding: 6px 27px 0px 0px;
}
#login-welcome {
float: right;
width: 278px;
}
#login-welcome div {
padding-right: 23px;
}
#login-welcome h2 {
color: #4E523F;
font: 20px "arial narrow", arial, sans-serif;
margin-bottom: 0.3em;
padding-bottom: 0px;
}
#login-welcome p {
margin-top: 0px;
}
#body {
background: url(images/body_bg.gif) repeat-y;
}
#body-bot {
background: bottom url(images/body_bot.gif) no-repeat;
padding-bottom: 20px;
}
#body h2 {
margin: 0px;
padding: 0px;
background: url(images/body_top.gif) no-repeat;
height: 60px;
color: #303228;
font: normal 18px "arial narrow", arial, sans-serif;
}
#body span {
position: relative;
top: 25px;
left: 40px;
}
#body h2 strong {
color: #982801;
font-weight: normal;
}
#footer {
background: url(images/footer_bg.gif);
margin: 0px 1px;
text-align: right;
padding: 42px 26px 30px 0px;
position: relative;
}
#footer p {
margin: 0px;
padding: 6px 0px;
}
#footloose {
text-align: left;
position: absolute;
top: 7px;
right: 291px;
margin: 0px;
padding: 0px;
text-indent: 0px;
}
#footloose .logo span {
top: 0px;
left: 0px;
}
#items {
margin: 8px 0px 0px 29px;
color: #36382E;
font: 9px tahoma, verdana, sans-serif;
}
.item {
float: left;
width: 232px;
margin-right: 31px;
}
.item h3,.item h3 a {
font-size: 11px;
margin: 12px 0px 6px 0px;
color: #2B2B2B;
}
.item p {
padding: 0px;
margin: 0px 0px 10px 0px;
}
.item .details, .item .addtocart {
font: 11px arial, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 1px 5px;
}
.item .details:hover, .item .addtocart:hover {
text-decoration: none;
color: #FFFFFF;
}
.item .details {
background: #982801;
}
.item .addtocart {
background: #60654E;
}
.item .details:hover {
background: #BE3302;
}
.item .addtocart:hover {
background: #73795F;
}
.item .divider {
clear: both;
height: 10px;
background: bottom url(images/dash.gif) repeat-x;
margin-bottom: 8px;
margin-left: 12px;
margin-right: 16px;
}
.left {
float: left;
padding-right: 12px;
}
.right {
float: right;
margin-left: 9px;
}
#banner {
height: 121px;
margin: 0px 11px;
background: #D4D4C5 bottom url(images/banner.gif) repeat-x;
}
#banner-text {
color: #474747;
padding-top: 15px;
float: right;
width: 252px;
}
#banner-text h3 {
font-size: 11px;
margin: 0px 0px 2px 0px;
padding: 0px;
}
#banner-text a {
color: #036292;
}
#banner-text a:hover {
color: #982801;
}

nimd4 · Oct 28, 2007

Internet Exploder doesn't exactly support standards (never has). In this thread here it is mentioned how code must be modified to function with MSIE

I find it easier not to use the @import but to link both style sheets and to comment out the IE stylesheet like this

<link href="/styles/mainstyles.css" rel="stylesheet" type="text/css"/>


In this method you have one style sheet for the compliant browsers which is always the first one. The second sheet only contains changes so it will be much smaller. The compliant browsers ignore the second sheet because of the comment tags; IE doesn't and because of the cascade the changes in the second sheet over-ride the values in the first sheet.

It works and it validates.
Click to expand...

For most things like Javascript, CSS, there always has to be code for the oh-so-special(-retarded) Micro$oft Internet Exploder and - code that naturally works everywhere else. Good luck

onelaughatleast · Nov 29, 2007

I need a teensy bit of help in implementing Nimrod4's suggestion in my page. I made changes on my page that work great in Firefox, but not in IE7. Pictures don't show up, text doesn't etc.

Not sure how where to put Nimrod4's suggestions.

Here is my code:

<HTML>


<HEAD>
<TITLE>One Laugh at Least</TITLE>
<meta name="Author" content="[email protected]">
<meta name="Description" content="Sketch comedy, improv group from Northeastern Pennsylvania!">
<meta name="Keywords" content="comedy, fun, Chris O'Donnell, Christopher J. ODonnell, Keith Edwards, Greg Korin, John Schugard, Karen Novick, Jack Gibbons, sketch comedy, improv, Shivaun O'Donnell, Northeastern Pennsylvania, NEPA, heynabonics, heyna, jeet">
</HEAD>
<BODY BGCOLOR="#993366">
<BR>
<BR>

<CENTER>
<TABLE BGCOLOR="#000000" WIDTH="80%" CELLSPACING="0" CELLPADDING="2" BORDER="0">
<TR>
<TD>
<TABLE BGCOLOR="000000" WIDTH="100%" CELLSPACING="2" CELLPADDING="0" BORDER="0">
<TR>
<TD ALIGN="center" VALIGN="TOP">
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="+2" COLOR="#CCCCFF"><B>


One Laugh at Least!

</B></FONT>
</TD>
</TR>
</TABLE>

<TABLE BGCOLOR="#FFCC99" WIDTH="100%" CELLSPACING="4" CELLPADDING="20" BORDER="0">
<TR>
<TD BGCOLOR="#CCCCFF" ALIGN="RIGHT" VALIGN="TOP">
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="4" COLOR="#000000"><b>


Links to Laughs and more

</b><P></FONT>

<p>

<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="2">
<b>Heynabonics!</b><br>
<object width="430" height="360"><param name="movie" value="http://www.youtube.com/v/7sMI2jb16eo&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/7sMI2jb16eo&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="130" height="87></embed></object>
</p>
<font size="10">
<br><br>
<A HREF=" http://www.cafepress.com/onelaughatleast">Buy Heyna Stuff</A><br><b>New Items Daily</b>

<P>
<br>
<br></b>
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="2">
<A HREF=" http://www.angelfire.com/pa2/onelaughatleast/bios.html ">Bios</A><br>Who are these people anyway? Read all about us!<br>

<P>
<A HREF="http://www.christopherodonnell.com">Christopher ODonnell Law Office</A><br>See what our head writer does in his real life.<br>

<P>

<A HREF="http://www.921qfm.com">92.1 Q FM</A><br>Wake up with Keith Edwards/Greg Korin<br>

<P>
<B>A couple of Keith/Greg's Movies</B>
<a href="http://www.dickheadfilms.com">Just one of Keith/Greg's pursuits.</a><br> <p>

<A HREF="www.moviecake.com">Site for <i>Who's Famous Now</I></a>

<br><br>
<A HREF="http://www.odysseyfitnesscenter.com"> ODYSSEY Fitness, Wilkes-Barre</A><br>At the top of Coal St. in Wilkes-Barre, NEPAs favorite fitness center and the site of our next show, December 22. Also, where Shivaun spends her days.

<br><p>
<A HREF="http://www.anoccasionalfish.com"> An Occasional Fish, the movie.

<P>
<A HREF="http://xraysmalevich.tripod.com/alternativetonoise/links.html>Alternative to Noise</A> <br><b>Who says theres nothing to do!</b>
<P>

<A HREF=" http://www.geocities.com/Heartland/Acres/3072/camera1.html ">Picture of you, no camera necessary</A>

<P>

<a href="http://callisto.guestworld.com/wgb/wgbsign.dbm?owner=OneLaughatLeast">Sign
Our Guestbook</a>
<p>
<p><a href="http://callisto.guestworld.com/wgb/wgbview.dbm?owner=OneLaughatLeast">Read
Our Guestbook</a>

<P>
</FONT>
</TD>

<TD ALIGN="CENTER" VALIGN="TOP">
<IMG SRC="images/Image1.gif"></h1>
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="4"><b>
<br>
The ones who taught you <i>Heynabonics.</i><br>NEPA's only Original Sketch Comedy and Improv troupe

</b></FONT>

<P>









<IMG SRC="http://www.angelfire.com/pa2/onelaughatleast/images/smallnov07group.JPG" WIDTH="603" HEIGHT="344" BORDER="0" ALIGN="Center" UseMap="#smallnov07group.JPG">
<MAP NAME="smallnov07group.JPG">
<AREA SHAPE="CIRCLE" COORDS="155,93,32" HREF="http://www.angelfire.com/pa2/onelaughatleast/bios.html#Shiv">
<AREA SHAPE="CIRCLE" COORDS="271,60,31" HREF="http://www.angelfire.com/pa2/onelaughatleast/bios.html#Chris">
<AREA SHAPE="CIRCLE" COORDS="393,94,34" ALT="Jack" HREF="http://www.angelfire.com/pa2/onelaughatleast/bios.html#Jack">
<AREA SHAPE="CIRCLE" COORDS="491,84,36" HREF="http://www.angelfire.com/pa2/onelaughatleast/bios.html#Greg">
<AREA SHAPE="CIRCLE" COORDS="133,190,44" HREF="http://www.angelfire.com/pa2/onelaughatleast/bios.html#John">
<AREA SHAPE="RECT" COORDS="561,53,601,87" ALT="Where's Karen" HREF="http://www.angelfire.com/pa2/onelaughatleast/bios.html#Karen">
</MAP>
<br><br><FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="2">
<p align="center"><br>Click any face for a bio.<br>
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="2"></p>
<i>One Laugh at Least </i> members from left: John Schugard, Shivaun O'Donnell, Chris O'Donnell, Jack Gibbons, Greg Korin.But where's Karen Novick you ask? Don't worry, she's just sitting this one out. Check out her bio by clicking the sign behind Greg/Keith's head.<br><br>



<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="4">
<b>
<p align="left">

125,000 and counting

</b>

<P>
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="3"><p align="left">

Oh how we wish could say that number referred to $$$. But we are thrilled to say over 125,000 people have seen our <i>Heynabonics</i> video on YouTube.

<P>
<p align="left">To celebrate, we're appearing for one night only: <b>Saturday December 22, 2007</b> at ODYSSEY Fitness in Wilkes-Barre.
<P>
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="4">
<p align="left">
<b><u>A full night of comedy - Stand-Up, Sketch and Improv</b></u>,<br>
<FONT FACE="Arial, Helvetica, Verdana, Sans Serif" SIZE="3"><p align="left">
Chris O'Donnell opens the show with his views on life in 2007, in NEPA and with his lovely bride Shivaun. <b>Original Sketch Comedy</b> featuring <i>Heynabonics</i> live, uncut and uncensored, plus a whole slew of original sketches about life in NEPA, and life in general.
<P><p align="left">

<b>Improv</b>, like you see on <i>Who's Line is it Anyway</I> wraps up the evening where we make it all up in front of your very eyes, using your ideas.
<P>
<p align="left">
<b>When and Where</b><br>
Show time is 8:15 p.m. Doors Open at 7:30 p.m.
ODYSSEY Fitness, 401 Coal Street, Wilkes-Barre, PA
<P><p align="left">
<u><b>Tickets</b></u><br>
Get your tickets now before theyre all gone. <p><p align="left">
Tickets $12, Odyssey members $10. Snacks and Bar Refreshments available.

<P>
<p align="left">
Three ways to get your tickets:<p align="left">
<ul>
<li><p align="left">Call ODYSSEY at 570.829.2661
<p align="left"><li><p align="left">Stop by ODYSSEY anytime from 5:30 a.m. till 10 p.m., Mon-Fri or Sat and Sun 7 a.m. till 8 p.m.<p align="left">
<li><p align="left">Email: <a href="mailto[email protected]"> One Laugh email</a><br><p align="left"></ul>
<b>See you at the show!<b><p align="left">


<center><img src="/cgi-bin/Count.cgi"></center>
<p>

<p>
<hr>

</FONT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
</div><p>
© One Laugh at Least 2007
</BODY>
</HTML>

Fyzbo · Nov 29, 2007

http://monkeymobs.com/nokia.html does not go anywhere. I get a Server not found error.

tomdkat · Nov 29, 2007

Fyzbo said:

http://monkeymobs.com/nokia.html does not go anywhere. I get a Server not found error.
Click to expand...

The OP didn't reply to this thread. Someone else is piggybacking on it.

Peace...

Log in or Sign up

website works in firefox but ruined in IE7, help is much apprechiated!

fightin_champ Thread Starter

fightin_champ Thread Starter

nimd4

onelaughatleast

Fyzbo

tomdkat Retired Trusted Advisor

Sponsor

Welcome to Tech Support Guy!

Stylish Link similar to MSN website

Solved Website editing help

Portfolio Website with Archives

Creating a website

Website is redirecting wrong

website works in firefox but ruined in IE7, help is much apprechiated!

fightin_champ Thread Starter

fightin_champ Thread Starter

tomdkat Retired Trusted Advisor

Sponsor

Welcome to Tech Support Guy!

Solved Website editing help

Useful Searches