CODEWITHSUNDEEP
htmlcsshtml-table
Alexandre Cassagne
Alexandre Cassagne

Reputation: 2463

Rendering issue FireFox

I am creating a website and it looks differently in firefox and Safari. This is the link to the website http://storminacupcake.com/ and you will see that there is a small issue : it looks fine in Safari, but there is a small gap between to cells in Firefox. Could someone tell me what I'm doing wrong ? Thank you, Alex

Upvotes: 0

Views: 167

Answers (3)

thirtydot
thirtydot

Reputation: 228182

All the answers recommending you to redo your site without tables are correct - you should do this.

However, to help you get the site you currently have working, here is the solution to your problem:

In style.css, change p{margin:.0 0 .3em 0;} to p{margin:0 0 .1em 0}.

Upvotes: 1

Oded
Oded

Reputation: 499012

You shouldn't be using tables for layout - if you have information that should be in a tabular format, do use them, but not for layout.

You should be using CSS for layout. There are many tutorials on how to do this.

Additionally, you should look for a good reset CSS - this will ensure that the base styles are the same across all browsers.

Upvotes: 1

YvesR
YvesR

Reputation: 6222

I did check the site on Mac with FF. With the web developer tools I see there are many uneeded or not correct html. How did you create the site?

Try use Firebug in FF, activate it and disable styles step by step to see what it make the margin/padding problem.

Upvotes: 1

Related Questions