Happy Balance between IE and Fire Fox? Help!

[Matt Geer]

Hello~

I have been fixing up the homepage on suited spades and have tweaked it a little bit from the original "deep stack" theme. I use internet explorer myself, but have checked it against fire fox and it has seemed ok.

The last time I have checked it, Fire Fox has shown my pages halfway off the screen.

Is there anything I need to add or further tweak to make it work on both? I have tried a few diff things but no sucess. Any help is greatly appreciated!

Note:Only the home page seems to be messed up on fire fox, my other pages seem to be ok

Thanks!

[Unknown Webmaster]

There were a lot of errors when I ran the frontpage through a validator.

One of your "problems" is that you are only supposed to use an "ID" once on a page.

This code is all right:

<div class="homepage"></div>
<div class="homepage"></div>

This isn't:

<div id="homepage"></div>
<div id="homepage"></div>

It is not a big deal, and most browsers will probably not care about it, but it could potentially cause havoc.



If I were you, I would get the Firebug plugin for Firefox, and use that to identify what exactly seems to be the problem.

I would also get this plugin: Html Validator for Firefox and Mozilla and clean up the code.

You don't have to do this, but it will make it a lot easier to identify what is causing problems in the future.

[OPC]

Do you use MSN Messenger, Matt? If so, PM me your MSN name... I think I found your problem

[Matt Geer]

Hey guys, I apprecitate the help!

I will definitely pick that up UKW....

Hey Opc, thanks...bs'n w/you right now!

[Unknown Webmaster]

If you haven't already, you may want to check this site out Check Browser Compatibility, Cross Platform Browser Test - Browsershots - It basically tests your website in different browsers for you.

I have a short description in my PAL blog.
http://www.pokeraffiliatelistings.co...made-easy.html

[Matt Geer]

If you haven't already, you may want to check this site out Check Browser Compatibility, Cross Platform Browser Test - Browsershots - It basically tests your website in different browsers for you.

I have a short description in my PAL blog.
http://www.pokeraffiliatelistings.co...made-easy.html

Thanks, Randy suggested that to me as well. I can't use it because others have already used it with my site already

Kinda odd though, have checked it on IE on several comps and it is ok, but i have been told it was tested for IE and failed?

Not quite sure what to DL from what you mentioned in a earler post....and the <div id <------ change that to class instead?

Thanks

[Unknown Webmaster]

You can still see the screenshots from browsershots.org. I took the liberty of starting the screenshot-taking-process, since it takes quite a while when you test on a lot of browsers - Which I assumed were the first thing you would want to do :-)

See the screenshots here:
Website overview for http://www.suitedspades.com/
(there are also a link when you ask it to take new screenshots of a site, however, it is hard to find)

Tomorrow you will be able to que up fresh screenshots.

---

You can read a bit about ID and CLASS here:
CSS Tutorial - ID vs Class

If you aren't "comfortable" with CSS you may better off reading a tutorial. You may have to spend a couple of hours before you get to the part about ID and CLASS, however, it will be time well spent. You don't need to become an expert, but having a good basic knowledge of the inner workings of CSS is pretty handy when you make changes to your design/evaluate others work.

If you don't want to mess with it you can probably also find someone who can fix it for you - it is quite easy when you know how to do it.
---

Use Firefox when you download the plugins.

Firebug: Firebug - Web Development Evolved (look for the big orange button)
Firebug introduction video: How to use Firebug for CSS ? kristarella.com
It lets you se the "invisible" boxes that is created by the HTML/CSS code on your page directly in Firefox - so you can easily see where the problem are without having to read tons of complicated code.

Validator plugin: Html Validator for Firefox and Mozilla (the version you need to use should be the one at the top of the table)

[Matt Geer]

Thanks!

I will definitely read it. And I am going to do as much myself as possible... and should be ok since i was able to customize it so far not to mention im going to school in sept for web design....

thanks for you help! hopefully everything will come together soon!