HELP Site's not displaying properly on firefox

programming web dev
1

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 <- there be the problem

Kind regards

Alec

2

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

3

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.

4

try adding


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

it might work, It worked with me in the past

5

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

<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.

6

[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!

7

[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

<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

8

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