Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 636
  • Last Modified:

firefox css3 problems

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
newmie22
Asked:
newmie22
1 Solution
 
David S.Commented:
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
 
newmie22Author Commented:
Great, thank you so much!
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now