Home/ Questions/Q 6905053
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T08:08:13+00:00

I recently noticed that my site is broken in Chrome despite displaying well in

  • 0

I recently noticed that my site is broken in Chrome despite displaying well in Firefox. Having studied the HTML and CSS at my page –

http://www.designlagoon.com/what-we-do/

There is a larger gap below the 4 blue titles in Chrome than in Firefox – which is breaking the frame of the containing box. This seems to be related to padding / margin of the table layout I’m using but I’m struggling to work out a fix.

table display firefox
table display chrome
broken container

If anyone can shed some light on what might be causing the problem I’d really appreciate it!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is related to a question I posted yesterday: Firefox: wrong interpretation of box model?

    Actually, it’s Chrome that’s behaving correctly: td with height 150px + padding 15px (x2) = 180px.

    Firefox does a miscalculation when adding padding to td.

    So your best shot would be to remove the padding on the cells, and add a margin to their contents instead.

    • 0