# HELP Site's not displaying properly on firefox

**URL:** <https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209>\
**Category:** web dev\
**Created:** [May 24, 2008, 9:41am UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209 "2008-05-24T09:41:55Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![bobby11](https://avatars.discourse-cdn.com/v4/letter/b/5fc32e/32.png) [@bobby11](https://forum.kirupa.com/u/bobby11)\
**Post date:** [May 24, 2008, 9:41am UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/1 "2008-05-24T09:41:55Z")

</div>

Hello I’m finishing my website and I usually preview it on internet explorer 7. Today I was taking a look on firefox and it looks just wrong the header flash movie has 2 spaces which shouldn’t be there I don’t know what to do any ideas?

[www.iceuplink.com.ar/index.php](http://www.iceuplink.com.ar/index.php) \<- there be the problem

Kind regards

Alec

---

<div class="post-metadata">

**Author:** ![samboy](https://avatars.discourse-cdn.com/v4/letter/s/cdc98d/32.png) [@samboy](https://forum.kirupa.com/u/samboy)\
**Post date:** [May 24, 2008, 10:25am UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/2 "2008-05-24T10:25:49Z")

</div>

I have the same problem. When there is content in my div/s it will create a gap.

---

<div class="post-metadata">

**Author:** ![roblopez](https://avatars.discourse-cdn.com/v4/letter/r/54ee81/32.png) [@roblopez](https://forum.kirupa.com/u/roblopez)\
**Post date:** [May 24, 2008, 11:47am UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/3 "2008-05-24T11:47:03Z")

</div>

Hi, I tried solving your problem by editing, but unfortunately I couldn’t come up with a real solution. In Firefox 3 and Safari they don’t show, so it’s probably a Firefox 2 issue.

I think the main problem is that you are using those divs inside table cells. Why are you doing that? Those div’s are not doing anything other than adding extra lines of codes. Try removing them and tell me if it works out for you. I also speak spanish so if you need more help send me a message and I’ll gladly keep trying to help you out.

---

<div class="post-metadata">

**Author:** ![chrisclick](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/chrisclick/32/1991_2.png) [@chrisclick](https://forum.kirupa.com/u/chrisclick)\
**Post date:** [May 24, 2008, 11:52am UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/4 "2008-05-24T11:52:30Z")

</div>

try adding

```auto

* {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
}

```

it might work, It worked with me in the past

---

<div class="post-metadata">

**Author:** ![djheru](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/djheru/32/3190_2.png) [@djheru](https://forum.kirupa.com/u/djheru)\
**Post date:** [May 24, 2008, 1:14pm UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/5 "2008-05-24T13:14:35Z")

</div>

I would go the opposite route and get rid of the tables. I would also recommend that you download the firebug add-on for firefox. It allows you to change your css on the fly within the browser and preview what the changes will look like. I was able to find out in about 30 seconds that the problem is due to the css margin on the \<p\> tag that is inside the td element that holds your swf. To eliminate the problem, find the \<p\> tag that is holding your swf, and change it to this

```auto
<p style="margin:0px;">

```

I would recommend that you read some tutorials on css and especially using the box model for layout instead of tables. It is a much better way to code html.

---

<div class="post-metadata">

**Author:** ![bobby11](https://avatars.discourse-cdn.com/v4/letter/b/5fc32e/32.png) [@bobby11](https://forum.kirupa.com/u/bobby11)\
**Post date:** [May 25, 2008, 1:19pm UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/6 "2008-05-25T13:19:50Z")

</div>

[quote=roblopez;2330520]Hi, I tried solving your problem by editing, but unfortunately I couldn’t come up with a real solution. In Firefox 3 and Safari they don’t show, so it’s probably a Firefox 2 issue.

I think the main problem is that you are using those divs inside table cells. Why are you doing that? Those div’s are not doing anything other than adding extra lines of codes. Try removing them and tell me if it works out for you. I also speak spanish so if you need more help send me a message and I’ll gladly keep trying to help you out.[/quote]

Gracias!

---

<div class="post-metadata">

**Author:** ![bobby11](https://avatars.discourse-cdn.com/v4/letter/b/5fc32e/32.png) [@bobby11](https://forum.kirupa.com/u/bobby11)\
**Post date:** [May 25, 2008, 1:24pm UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/7 "2008-05-25T13:24:19Z")

</div>

[quote=djheru;2330546]I would go the opposite route and get rid of the tables. I would also recommend that you download the firebug add-on for firefox. It allows you to change your css on the fly within the browser and preview what the changes will look like. I was able to find out in about 30 seconds that the problem is due to the css margin on the \<p\> tag that is inside the td element that holds your swf. To eliminate the problem, find the \<p\> tag that is holding your swf, and change it to this

```auto
<p style="margin:0px;">

```

I would recommend that you read some tutorials on css and especially using the box model for layout instead of tables. It is a much better way to code html.[/quote]

THANK YOU!! THAT FIXED IT!! To be honest I’ve tried to work with tableless websites in the past but I’ve found it more difficult than using tables. Probably due to my lack of knowledge in advanced CSS coding or maybe because I’m too used to the designer view of dreamweaver layouts look well locally but they always float around when I preview it from the internet  
Do you know any css advanced tutorials you’d recommend me to take a look at?

Cheers

---

<div class="post-metadata">

**Author:** ![djheru](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/djheru/32/3190_2.png) [@djheru](https://forum.kirupa.com/u/djheru)\
**Post date:** [May 25, 2008, 2:49pm UTC](https://forum.kirupa.com/t/help-sites-not-displaying-properly-on-firefox/261209/8 "2008-05-25T14:49:29Z")

</div>

I learned most of what I know from the [lynda.com](http://lynda.com) video training courses. Same goes for flash and flex. They were the best investment I’ve ever made in my professional career.
