Jump to content


Photo

Firefox and ie7 problem


  • Please log in to reply
2 replies to this topic

#1 hemy2000

hemy2000
  • New Members
  • Pip
  • Newbie
  • 8 posts

Posted 16 June 2006 - 10:25 AM

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;
}
----Tom Hemsall----www.hxtreme.byethost31.com----

#2 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 16 June 2006 - 10:54 AM

</div>
<div id="footer">
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.
Legend has it that reading the manual never killed anyone.
My site

#3 hemy2000

hemy2000
  • New Members
  • Pip
  • Newbie
  • 8 posts

Posted 16 June 2006 - 03:11 PM

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
----Tom Hemsall----www.hxtreme.byethost31.com----




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users