Webforumz's RSS FeedRSS Webforumz RegistrationRegister Contact Webforumz StaffContact

Im having trouble with my site, looks fine in firefox but not in IE7!

This is a discussion on "Im having trouble with my site, looks fine in firefox but not in IE7!" within the Web Page Design section. This forum, and the thread "Im having trouble with my site, looks fine in firefox but not in IE7! are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page Im having trouble with my site, looks fine in firefox but not in IE7!

Notices
Register for Free!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.
Breaking News:
iEntry Network take over the Webforumz.com reigns




Reply
 
LinkBack Thread Tools
  #1  
Old Jul 28th, 2008, 15:39
Reputable Member
Join Date: Jul 2008
Location: cornwall
Age: 24
Posts: 148
Thanks: 18
Thanked 0 Times in 0 Posts
Im having trouble with my site, looks fine in firefox but not in IE7!
Hi All,

Here is the page im having problems with

http://www.kernow-connect.com/webpages/index.html

i am using div to layout my pages and it looks fine in dreamweaver and firefox but when it comes to IE7 the main image is placed about 2 cm higher than it should be and it covers up my banner

also some text, (why kernow connect makes onlie shopping easy etc) has been dropped down a couple of lines therefor the bottom line is now covered over.

here is the code ive used

Code: Select all
<!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" />
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<title>Kernow Connect - Online Shopping Made Easy - Buy Clothing, Computers, LCD and Plasma TVs, Book Holidays and Get Insurance Quotes and much more.</title>
<style type="text/css">
<!--
body {
 background-color: #CCCCCC;
}
-->
</style>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
 color: #3366FF;
}
a:visited {
 color: #3366FF;
}
a:hover {
 color: #CC3333;
}
a:active {
 color: #3366FF;
}
.style5 {
 color: #009900
}
.style6 {color: #000000}
-->
</style>
<meta name="Kernow Connect" content="" />
<meta name="Online Shopping" content="" />
<meta name="Shopping Mall" content="" />
<meta name="Retail Stores" content="" />
<meta name="Shopping" content="" />
<meta name="Online Stores" content="" />
<meta name="keywords" content="Online Shopping"
Shopping Online
Retail Stores
Online Shops
Buy Online
Kernow Connect
Kernow
Shopping Mall
Online Stores
Shopping
Mall
Virtual Mall
Web Stores
Internet Shopping />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('../Images/index_files/indexing1.jpg')">
<div id="header">
  <div id="toplinks"  class="toplinktext"> 
    <div align="center"><span class="toplinktextselected">Home</span> | <a href="about.html" target="_self">About</a> | <a href="contact.html" target="_self">Contact</a> </div>
</div></div>
 
  <div id="indexwrapper">
 
<div id="navlinks">
<div id="entlink"  class="toplinktext">
  <div align="center"><a href="entertainment.html" target="_self">Entertainment</a></div>
</div>
<div id="complink"  class="toplinktext">
  <div align="center"><a href="computing.html" target="_self">Computing<br /> 
   and Internet</a></div>
</div>
<div id="travlink"  class="toplinktext">
  <div align="center"><a href="travel.html" target="_self">Travel and <br /> 
    Insurance</a></div>
</div>
<div id="eleclink"  class="toplinktext">
  <div align="center"><a href="electronics.html" target="_self">Electronics</a></div>
</div>
<div id="clotlink"  class="toplinktext">
  <div align="center"><a href="clothing.html" target="_self">Clothing and <br /> 
    Sportswear</a></div>
</div>
<div id="misclink"  class="toplinktext">
  <div align="center"><a href="misc.html" target="_self">Miscellaneous</a></div>
</div>
<div id="offerslink"  class="toplinktext">
  <div align="center"><a href="offers.html" target="_self">Offers</a></div>
</div>
<div id="searchbyheader" class="storeheadertext">
  <div align="center">Kernow Connect</div>
</div>
<div id ="advertising">
<div id="advert">
  <div align="right"><a href="http://www.jdoqocy.com/click-3096142-10535735" target="_blank"><img src="http://www.tqlkg.com/image-3096142-10535735" alt="" width="468" height="60" border="0"/></a> </div>
</div>
<div id="searchbar">
  <div align="center">
    <script type="text/javascript" src="http://impgb.tradedoubler.com/imp?g(1092093)a(1515427)" charset="ISO-8859-1"></script>
</div>
</div>
</div>
</div>
<div id ="indeximage">
  <div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img_index','','../Images/index_files/indexing1.jpg',1)"><img src="../Images/index_files/indeximg2.jpg" name="img_index" width="424" height="300" border="0" id="img_index" /></a></div>
</div>
<div id="indexabout">
<div id="indexheaders" class="storeheadertext">
  <div align="center">Kernow Connect</div>
</div>
<p class="toplinktext">A virtual online shopping mall which is designed to make online shopping easy. With over 50 of the top retail stores listed on this site your sure to find what you are looking for, whether its the latest blockbuster dvds, the newest cds, lcd or plasma tvs, digital cameras, the latest fashion or anything else you might be interested in, we've got it covered. </p>
<p class="toplinktext style5">Be the first to find out about all the latest offers each store has to offer by clicking on the offers page, every new offer added.</p>
</div>
<div id="indexchecklist">
<div id="indexheaders">
  <div align="center" class="storeheadertext">Makes online Shopping Easy</div>
<p align="center" class="toplinktext">How?
<ul>
  <li class="toplinktext">Over 50 Top Retail Stores for you to browse</li>
  <li class="toplinktext"> Easy Navigation Around the site</li>
  <li class="toplinktext"> 1 Click To Each Store</li>
  <li class="toplinktext"> Easy To use search function</li>
  <li class="toplinktext"> All the latest offers from all the stores listed</li>
  <li class="toplinktext"> Search stores by category</li>
  <li class="toplinktext"> Store descriptions so you know what each store sells</li>
  <li class="toplinktext">In store links so you can go to a specific page within the store</li>
</ul>
</div>
</div>
<div id="indexcatheaders" class="storeheadertext">
  <div align="center">Find great deals on a wide range of clothing and apparel</div>
</div>
<div id="indexpics">
  <div align="center">
  <img src="../Images/index_files/mens bs.jpg" width="150" height="151" hspace="10" /><img src="../Images/index_files/women.jpg" width="150" height="150" hspace="10" /><img src="../Images/index_files/boys.jpg" width="150" height="151" hspace="10" /><img src="../Images/index_files/girls.jpg" width="150" height="149" hspace="10" /><img src="../Images/index_files/shoes.jpg" width="150" height="149" hspace="10" />
 
    <div id ="indexpicsheaders" class="toplinktext">Men's Fashion</div>
    <div id ="indexpicsheaders" class="toplinktext">Women's Fashion</div>
    <div id ="indexpicsheaders" class="toplinktext">Boys Fashion</div>
    <div id ="indexpicsheaders" class="toplinktext">Girls Fashion</div>
    <div id ="indexpicsheaders" class="toplinktext">Designer Shoes</div>
    </div>
</div>
<div id="indexcatheaders" class="storeheadertext">
  <div align="center">Virgin Experience Days Out.</div>
</div>
<div id="indexpics">
  <div align="center"><img src="../Images/index_files/military-driving-large-88.jpg" width="151" height="125" hspace="5" /><img src="../Images/index_files/large-lotus-exige-576.jpg" width="151" height="125" hspace="5" /><img src="../Images/index_files/football-tour-arsenal-large-1056.jpg" width="151" height="125" hspace="5" /><img src="../Images/index_files/design-a-handbag-large-1045.jpg" width="151" height="125" hspace="5" /><img src="../Images/index_files/create-your-own-perfume-lar-764.jpg" width="151" height="125" hspace="5" /></div>
      <div id ="indexpicsheaders" class="toplinktext">
        <div align="center">Tank Driving</div>
      </div>
    <div id ="indexpicsheaders" class="toplinktext">
      <div align="center">Lotus Driving</div>
    </div>
    <div id ="indexpicsheaders" class="toplinktext">
      <div align="center">Football Stadium Tour</div>
    </div>
    <div id ="indexpicsheaders" class="toplinktext">
      <div align="center">Handbag Design</div>
    </div>
    <div id ="indexpicsheaders" class="toplinktext">Create A Perfume</div>
    </div>
 
<div id="indexcatheaders" class="storeheadertext">
  <div align="center">AND MUCH MORE, THANK YOU AND ENJOY SHOPPING THROUGH KERNOW CONNECT.</div>
</div>
</div>
</div>
</body>
</html>
and my stylesheet code is

Code: Select all
@charset "utf-8";
/* CSS Document */
#header {
 background-image:url(../Images/title.jpg);
 background-repeat:no-repeat;
 background-position:center;
 margin: 0 auto;
 width:960px;
 height:115px;
}
#wrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1400px;
}
#indexwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1260px;
}
#aboutwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:760px;
}
#contactwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:360px;
}
#entwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1160px;
}
 
#compwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1420px;
}
#travelwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1450px;
}
#electronicswrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1380px;
}
#clothingwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1000px;
}
#miscwrapper {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:1360px;
}
#toplinks {
 margin: 0 auto;
 width:240px;
 height:40px;
 float:right;
 margin-top:5px;
 margin-right:10px;
 }
 
#navlinks {
 background-color:#FFFFFF;
 margin: 0 auto;
 width:960px;
 height:40px;
 }
 
#entlink {
 margin-right:2px;
 border-right:solid;
 border-right-color:#CC3333;
 padding-top:10px;
 float:left;
 width:130px;
 height:30px;
 }
 
#complink {
 margin-right:2px;
 border-right:solid;
 border-right-color:#CC3333;
 padding-top:3px;
 float:left;
 width:130px;
 height:37px;
 }
 
#travlink {
 margin-right:2px;
 border-right:solid;
 border-right-color:#CC3333;
 padding-top:3px;
 float:left;
 width:130px;
 height:37px;
 }
 
#eleclink {
 padding-top:10px;
 margin-right:2px;
 border-right:solid;
 border-right-color:#CC3333;
 float:left;
 width:130px;
 height:30px;
 }
 
#clotlink {
 margin-right:2px;
 border-right:solid;
 border-right-color:#CC3333;
 padding-top:3px;
 float:left;
 width:130px;
 height:37px;
 }
 
#misclink {
 margin-right:2px;
 padding-top:10px;
 border-right:solid;
 border-right-color:#CC3333;
 float:left;
 width:130px;
 height:30px;
 }
 
#offerslink {
 margin-right:2px;
 padding-top:10px;
 float:left;
 width:120px;
 height:30px;
 } 
 
#storecontainer {
 margin-left:5px;
 margin-top:5px;
 float:left;
 width:310px;
 height:120px;
}
#storecontainerproduct {
 border:solid;
 border-color:#CC3333;
 border-width:1px;
 margin-bottom:5px;
 float:left;
 margin-left:5px;
 width:310px;
 height:150px;
}
#storecontainerproduct4 {
 border:solid;
 border-color:#CC3333;
 border-width:1px;
 margin-bottom:5px;
 float:left;
 margin-left:5px;
 width:310px;
 height:260px;
}
#storeiconcontainer {
 width:103px;
 height:60px;
 float:left;
}
#storecontainerproductheader {
 background-color:#CC3333;
 float:left;
 width:310px;
 height:20px;
}
#internetprotectioncontainer {
 border:solid;
 border-color:#CC3333;
 border-width:1px; 
 width:620px;
 height:150px;
 float:left;
 margin-left:10px;
 margin-bottom:5px;
 }
 
#internetprotectioncontainerheader {
 width:620px;
 height:20px;
 background-color:#CC3333;
 }
#descriptiontext {
 float:left;
 width:960px;
 height:50px;
 }
#searchbyheader {
 background-color:#CC3333;
 padding-top:7px;
 margin-bottom:5px;
 float:left;
 width:960px;
 height:23px;
}
#copyright {
 margin-top:5px;
 float:left;
 width:960px;
 height:25px;
}
#indeximage {
 float:left;
 margin-left:240px;
 margin-top:5px;
 width:450px;
 height:300px;
 
}
#indexabout {
 float:left;
 margin-left:52px;
 margin-top:20px;
 margin-bottom:20px;
 width:400px;
 height:260px;
 }
 
#indexchecklist {
 float:left;
 margin-top:20px;
 margin-left:50px;
 margin-bottom:20px;
 width:400px;
 height:260px;
 }
 
#indexheaders {
 background-color:#CC3333;
 width:400px;
 height:20px;
 }
 
#indexpics {
 width:850px;
 height:190px;
 margin-left:50px;
 margin-top:10px;
 float:left;
}
#indexpicsheaders {
 width:170px;
 height:20px;
 float:left;
} 
#indexcatheaders {
 background-color:#CC3333;
 width:850px;
 height:23px;
 margin-left:50px;
 float:left; 
 padding-top:7px;
 }
 
#abouttextcontainer {
 width:940px;
 height:200px;
 margin-left:10px;
 margin-top:10px;
 margin-bottom:10px;
 float:left;
 } 
 
#advertising {
 width:960px;
 height:65px;
 margin-bottom:10px;
 float:left;
 }
 
#searchbar {
 width:240px;
 height:60px;
 float:right;
 }
 
#advert {
 width:700px;
 height:60px;
 float:left;
} 
 
 
#aboutcatogoryheader {
 background-color:#CC3333;
 width:130px;
 height:40px;
}
#aboutcatogory {
 border:solid;
 border-color:#CC3333;
 border-width:1px;
 margin-left:4px;
 width:130px;
 height:165px;
 float:left;
}
 
.toplinktext {
 font-family:Tekton Pro Ext;
 font-size: 14px;
 font-weight:bold;
 }
 
.toplinktextselected {
 color:#CC3333;
 font-family:Tekton Pro Ext;
 font-size: 14px;
 font-weight:bold;
 }
 
.storeheadertext {
 color:#FFFFFF;;
 font-family:Tekton Pro Ext;
 font-size: 14px;
 font-weight:bold;
 }
 
.storedescriptiontext {
 color:#000000;
 font-family:Tekton Pro Ext;
 font-size:12px;
}
can anyone please help me

many thanks
Luke
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2  
Old Jul 30th, 2008, 20:38
Reputable Member
Join Date: Jul 2008
Location: cornwall
Age: 24
Posts: 148
Thanks: 18
Thanked 0 Times in 0 Posts
Re: Im having trouble with my site, looks fine in firefox but not in IE7!
its ok now ive redone my site (properly this time) and validated it and all is ok now.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jul 30th, 2008, 21:29
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Im having trouble with my site, looks fine in firefox but not in IE7!
Woohoo! Excellent.
__________________
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

« Optimum text size? | ??How?? Creating a Subscription site »
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Floating works fine in firefox but not IE ! marSoul Web Page Design 13 Dec 18th, 2007 19:37
javascript working fine in IE but cannot work in Firefox web20tester JavaScript Forum 0 May 21st, 2007 18:37
CSS menu displaying wrong in Firefox (fine in IE) camcc Web Page Design 10 Oct 21st, 2006 03:05
Content appears fine in Firefox and Netscape but not IE Lyss Web Page Design 3 Oct 11th, 2006 01:30
IE issues with my layout, works fine in Firefox :[ st3ady Web Page Design 6 Aug 18th, 2006 22:18


All times are GMT. The time now is 19:07.

Contact Us - Web Design & Development Forums - Archive - Top

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
WebForumz.com is an Privacy Policy and Legal