?
Solved

firefox css3 problems

Posted on 2011-03-15
2
Medium Priority
?
627 Views
Last Modified: 2012-05-11
I used the help of a tutorial to get my page to look how i wanted it using HTML5 and CSS3.  It looks correct in safari which is what i use on my mac, but when viewed in firefox it stretches the length of the page, the background isn't the same design and the images/buttons in the <nav> </nav> tags don't work.  I've been messing with the code for moz and webkit but i can't get the firefox one to look like the safari one.  Any ideas on what particular part would be causing this?

It can be viewed here: www.digitalnatives411.com/testing and the CSS3 file is www.digitalnatives411.com/testing/styles.css
0
Comment
Question by:newmie22
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 42

Accepted Solution

by:
David S. earned 2000 total points
ID: 35141873
Firefox 3.6 does not supply default styles for the new HTML 5 block-container elements.
(Firefox 4 does though.) What you need to do is add this to your stylesheet:
article, aside, footer, header, hgroup, nav, section {
	display: block;
}

Open in new window

You'll also need the HTML5 Shim for IE6-8: http://code.google.com/p/html5shim/
0
 

Author Closing Comment

by:newmie22
ID: 35143009
Great, thank you so much!
0

Featured Post

7 Extremely Useful Linux Commands for Beginners

Just getting started with Linux? Here's a quick start guide that has 7 commands that we believe will come in handy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question