Community Forums › Forums › Archived Forums › General Discussion › Firefox issue on home page
- This topic has 5 replies, 2 voices, and was last updated 11 years ago by joemagda.
-
AuthorPosts
-
April 5, 2013 at 10:29 am #33316joemagdaMember
I've developed a site for a client http://www.aircomfort.com using Metric theme. I'm having an issue with the home page not rendering correctly in Firefox only. Seems to be a div issue but I'm not sure how or where to fix it.
Any help would be greatly appreciated.
Thanks!
April 5, 2013 at 12:13 pm #33344David ChuParticipantHi,
In cases like these, I always validate the HTML. You have a lot of broken HTML in various DIV's, unclosed bold (strong in this case) and paragraph tags mainly. I'm guessing it's a cut-and-paste situation? 🙂 So you might want to clean areas where you entered any content.But the real cause of the most obvious Firefox problem is this:
.home #header { height: 0; margin: 0 auto; padding: 0; }
Firefox sees a height of zero, and it just says, well, OK - and the slider goes wherever. And Chrome and IE ignore that.
Dave
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
April 5, 2013 at 1:16 pm #33354joemagdaMemberDave,
Thanks for the input, sorry if this is a dumb question, but what file would the div correction for the wrap and body be on since they are pulling into the index.php file?
Thanks in advance, and again, sorry about the dumb question.
Joe
April 5, 2013 at 1:41 pm #33359David ChuParticipantNot a dumb question, Joe... it's just getting used to this, which takes awhile. Maybe you had a coder working on your site, and now you have to fix it.
The code I quote above is in your style.css file. Now that I look at your CSS code, I see 2 places with a height of zero:
.home #header { height: 0; margin: 0 auto; padding: 0; } .home #header .wrap { height: 0; margin: 0 auto; width: 960px; }
That's kind of strange, so I went over to the Metric demo to see if they had some special CSS for the homepage, and I didn't see any. So you'll want to comment out (or delete) at least the first "height: 0;" above, and maybe the other one, too, if needed.
As to the busted HTML tags, I believe you have some WYSIWYG widgets that fill content areas on your homepage. There's some bad code in there, although the page may look OK without correcting that. The above fix is most critical for the strange appearance.
Hope that's clearer.
Dave
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
April 9, 2013 at 11:50 am #34303joemagdaMemberI hate to bug you again, but the CSS modifications along with deleting the WYSIWYG widget didnt take care of the issue either. Someone mentioned that there is an "extra" div that is screwing Firefox up? I just dont know where to go in wordpress to delete it.
April 9, 2013 at 12:10 pm #34305joemagdaMemberNever mind.... I got it. Sorry I didn't fully understand what you were telling me to do initially with the Header height... changed height to 160 and it took care of the issue.
Thanks!!!!
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.