Jump to content

Archived

This topic is now archived and is closed to further replies.

hemy2000

Firefox and ie7 problem

Recommended Posts

Im making a site which uses includes for header and footer files.
But on my products page it doesnt work properly on firefox but does on ie6. Also on ie7 theres a gap inbetween the footer and content with "" in it which isnt anywhere in the code. anyway Im hoping any of you know why these problems are happening. Any help would be great. Heres the url "www.hxtreme.byethost31.com" and heres my style sheet: Cheers..Tom

body{
font-family: Arial, Helvetica, sans-serif;
width: 760px;
color: #333333;
font-size: 80%;
line-height: 1.166;
margin: auto;
background-color: #E6F7FF;
}
h1{
font-size: 18px;
font-style: bold;
}
h2{
color: #999999;
font-size: 16px;
font-style: italic;
}
h3{
color: #FF9900;
font-size: 14px;
font-style: bold;
}
#header{
width: 97.5%;
height: 70px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
background-image: url(images/background/header.gif);
background-repeat: repeat;
}
.logo_{
float: left;
padding-left: 65px;
}
.ads_{
float: right;
padding-top: 5px;
padding-bottom: 5px;
}
#navigation{
text-align: center;
width: 97.5%;
height: 20px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
background-image: url(images/background/navigation.gif);
background-repeat: repeat;
}
#content{
width: 97.5%;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
background-color: #FFFFFF;
padding-right: 1.25%;
padding-left: 1.25%;
}
.title{
border-bottom: dashed #F3F3F3 2px;
text-align: center;
padding-top: 1px;
padding-bottom: 1px;
}
.full_{
padding-top: 2px;
padding-bottom: 2px;
}
.contact{
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
#content2{
width: 97.5%;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
background-color: #FFFFFF;
padding-right: 1.25%;
padding-left: 1.25%;
}
.desc{
float: left;
padding-top: 2px;
padding-bottom: 2px;
}
.picprice{
float: right;
text-align: right;
padding-top: 20px;
padding-bottom: 2px;
}
#content-tick{
width: 97.5%;
background-color: #FFFFFF;
border-top: solid #F3F3F3 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
}
.cont-tick_{
padding-top: 2px;
padding-bottom: 2px;
}
#footer{
width: 97.5%;
height: 40px;
border-top: solid #000000 1px;
border-bottom: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
padding-right: 1.25%;
padding-left: 1.25%;
background-image: url(images/background/footer.gif);
background-repeat: repeat;
}
.foot_{
float: left;
padding-left: 50px;
text-align: center;
padding-top: 7px;
padding-bottom: 8px;
font-size: 80%;
}
.left{
float: left;
padding-top: 5px;
padding-bottom: 3px;
}
.right{
float: right;
padding-top: 5px;
padding-bottom: 3px;
}

Share this post


Link to post
Share on other sites
[code]</div>
<div id="footer"> [/code]
I'd take a look at the footer include and make sure you don't have some invisible control characters in it. If that doesn't help, try removing some of the external javascripts and see if that disappears from the generated source html. Those characters obviously come from somewhere and some component of your php/html/javascript is producing them, not a browser glitch.

Share this post


Link to post
Share on other sites
cheers Andy, It was annoying cos it wasnt in any of the code in the seperate files but was on the web, but I selected the visible code in dreamweaver from the footer.inc and pasted it into a new file and it worked perfectly. I think the new office sharepoint 2007 did it cos I thought id try it, still prefer dreamweaver 8.

Has anyone got any clue why the style sheet for products doesnt work in firefox, its the #content part and ends at #footer in the stylesheet. cheers guys. also tables in the css for like the top banner is 1 pixel too big in ie6 but fine in everything else

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.