Jump to content

Firefox and ie7 problem


hemy2000

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;
}
Link to comment
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.
Link to comment
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
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.