-1

I am a beginner in HTML5, I downloaded a template and started working on it, it worked fine with every other browser (including IE) but the issue is the layout breaks in Firefox 5. Please help. Thanks. Avirat.

P.S.: U can find my layout at http://www.108medicalid.com

Avirat
  • 21
  • 5
  • Please edit your question and describe the problem you are having. Even if I visit the website you linked to I cannot see anything wrong. – Wladimir Palant Jun 29 '11 at 10:54
  • The problem is with Firefox 5, IE 9. Have you tested on it? – Avirat Jun 29 '11 at 11:09
  • Yes, I did. Please explain the problem instead of expecting us to guess it. – Wladimir Palant Jun 29 '11 at 11:12
  • Actually what happens I've wrapped the images in
    and this
    along with some text is in

    and I've applied some padding and margin to

    . But due to

    the margin and padding is not rendered in FF5 and IE9.

     – Avirat Jun 29 '11 at 11:12
  • @Wladimir I've also uploaded a error screen shot, you can find it on below link, http://www.108medicalid.com/error.jpg – Avirat Jun 29 '11 at 11:18

1 Answers1

2

Did you have that issue in Firefox 4 also?

When Firefox 4 came out I noticed that there was now default styling for figure and it caused weird spacing issues. I simply set:

margin:0;

in my stylesheet for figure and all worked the way it was supposed to.

Ian Devlin
  • 18,534
  • 6
  • 55
  • 73
  • Thanks for help, but setting margin:0 didn't solved my issue. And no I didn't tried it with FF4. – Avirat Jun 29 '11 at 12:26
  • Thanks guys for your help. I've solved the problem. I just removed the
    and added

    to every image. This solved my problem. :)

     – Avirat Jun 29 '11 at 13:59
  • Yeah but it didn't really fix it and if you wanted to use HTML5 correctly,
    is definitely more apt and it would be good to see what was/is causing the issue. Ah well, whatever works for you I guess!
     – Ian Devlin Jun 29 '11 at 14:57