CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
Safari and Chrome look great, not Firefox!
harryatkins
Permalink to comment
#
June 2010
Hi everyone,
I've designed a one page test-site from a PSD file. It looks perfect in Safari and Chrome, I looked in Firefox and and it looks awful, there are things all over the place! I've attached an image of a Safari screenshot and a Firefox screenshot.
Can anyone help or suggest anything?
many thanks in advance
Harry Atkins
[attachment=0]safarifirefox.jpg[/attachment]
jamy_za
Permalink to comment
#
July 2010
It would help to narrow down the problems a lot if you could also give us a link to the site, or alternatively, provide the HTML and CSS.
harryatkins
Permalink to comment
#
July 2010
Sorry 'bout that...
the online test is here :
http://web.me.com/harryatkins/csstest/index.html
Where you can view the source code..
and the css is here :
http://web.me.com/harryatkins/csstest/css/style.css
Thanks in advance!
Harry Atkins
jamy_za
Permalink to comment
#
July 2010
This looks like it's a catastrophe, but it's pretty simple to fix :D
Add this to your CSS:
header, section, footer, aside, nav, article, figure { display: block; }
Add a Comment
I've designed a one page test-site from a PSD file. It looks perfect in Safari and Chrome, I looked in Firefox and and it looks awful, there are things all over the place! I've attached an image of a Safari screenshot and a Firefox screenshot.
Can anyone help or suggest anything?
many thanks in advance
Harry Atkins
[attachment=0]safarifirefox.jpg[/attachment]
the online test is here : http://web.me.com/harryatkins/csstest/index.html
Where you can view the source code..
and the css is here : http://web.me.com/harryatkins/csstest/css/style.css
Thanks in advance!
Harry Atkins
Add this to your CSS:
header, section, footer, aside, nav, article, figure { display: block; }