FF Compatibility Issues

GoPeterB · 10-03-2009, 09:18 PM

All the inner pages on my website are all hacked up when viewed in Firefox and I cannot figure out why. I checked my site in the html validator and found 40 something errors...however most of the errors are found in the embed links for my youtube videos and mapquest links. So those are not a result of my markup.

This was one of the first sites I designed in Photoshop and sliced up for Dreamweaver so Im sure the design isnt the best.

I hate to beg for help but is there anyone out there that can identify what I am doing wrong here? Its like all the image slices are separating??

I'll do anything if you can help!!

my site: ol dpo rt re sta ur ant s . c om (sorry, Ive got paid advertisers)

Click on any of the inner pages to see the problems. The homepage is fine.

TheLimeDesign · 10-03-2009, 10:56 PM

Hello GoPeterB,

The biggest problem here, is that you are using tables all over, and you have defined your contents to be "center" in the table itself. Just running a markup check and getting validated doesn't mean that your code is perfect. There is a lot more in XHTML and CSS. In fact, tables are the last thing I personally touch unless there really is a need to use it. Tables are actually used to represent tabulated data - not for structuring the site although its possible.

The actual way you should have coded your site is using DIVs, floated and cleared accordingly. Currently, you define absolute heights and widths of your table cells too which is not really good in future maintenance of the site. Your site must be more flexible in handling extended stuff in the future. I'd love to help you out on this, but this code needs a lot of improvement still. I'd suggest recoding it

p/s: I'm coming from your "about us" page.

skorpion · 10-03-2009, 11:11 PM

Quote:

Originally Posted by TheLimeDesign

Hello GoPeterB,

The biggest problem here, is that you are using tables all over, and you have defined your contents to be "center" in the table itself. Just running a markup check and getting validated doesn't mean that your code is perfect. There is a lot more in XHTML and CSS. In fact, tables are the last thing I personally touch unless there really is a need to use it. Tables are actually used to represent tabulated data - not for structuring the site although its possible.

The actual way you should have coded your site is using DIVs, floated and cleared accordingly. Currently, you define absolute heights and widths of your table cells too which is not really good in future maintenance of the site. Your site must be more flexible in handling extended stuff in the future. I'd love to help you out on this, but this code needs a lot of improvement still. I'd suggest recoding it

p/s: I'm coming from your "about us" page.

I agree about the tables.

GoPeterB · 10-03-2009, 11:17 PM

Quote:

Hello GoPeterB,

The biggest problem here, is that you are using tables all over, and you have defined your contents to be "center" in the table itself. Just running a markup check and getting validated doesn't mean that your code is perfect. There is a lot more in XHTML and CSS. In fact, tables are the last thing I personally touch unless there really is a need to use it. Tables are actually used to represent tabulated data - not for structuring the site although its possible.

The actual way you should have coded your site is using DIVs, floated and cleared accordingly. Currently, you define absolute heights and widths of your table cells too which is not really good in future maintenance of the site. Your site must be more flexible in handling extended stuff in the future. I'd love to help you out on this, but this code needs a lot of improvement still. I'd suggest recoding it

p/s: I'm coming from your "about us" page.

Thank you.

I see what you are saying about the tables. Maybe thats why I have such a hard time adjusting the sizes of things when I want to change something.

I didnt do this intentionally though, I dont know what I did wrong to make my site like this. All I did was design the site is PS, then sliced it up and brought it into DW. AM I missing something here? An important step? Does PS automatically turn sliced images into tables?

Id love to have your help on this so I can get things right in the future, even if that means doing it via PM.

TheLimeDesign · 10-03-2009, 11:36 PM

When you slice in PS, you actually don't have to use ALL the sliced images. Apart from that, sometimes a site design needs to be sliced a few times with unwanted layers hidden. Before you code your website (or even slice it), you must first identify how it is structured. Take a little while analyzing what goes back and what comes in front. Based on that, strucutre it wisely and slice the images part by part. It takes extra time, but worth every second

When you code your sites, first thing is, building the main structure of the site. You must have a container which will hold the whole site of yours. Within this container, you embed smaller DIVs and combine them just like "LEGO" while building the site. There is a lot more to share like CSS tagging, classes, ids, floating, clearing, etc. Learn it all step by step and you will be an expert soon

We'll be here to help wherever we can

Cheers~

GoPeterB · 10-03-2009, 11:38 PM

Quote:

Originally Posted by TheLimeDesign

When you slice in PS, you actually don't have to use ALL the sliced images. Apart from that, sometimes a site design needs to be sliced a few times with unwanted layers hidden. Before you code your website (or even slice it), you must first identify how it is structured. Take a little while analyzing what goes back and what comes in front. Based on that, strucutre it wisely and slice the images part by part. It takes extra time, but worth every second

When you code your sites, first thing is, building the main structure of the site. You must have a container which will hold the whole site of yours. Within this container, you embed smaller DIVs and combine them just like "LEGO" while building the site. There is a lot more to share like CSS tagging, classes, ids, floating, clearing, etc. Learn it all step by step and you will be an expert soon

We'll be here to help wherever we can

Cheers~

Thank you. I really appreciate your help. I may just watch some tutorials on coding to sharpen my skills.

TheLimeDesign · 10-03-2009, 11:40 PM

That will actually be the best to start from

I also recommend getting a XHTML + CSS + JavaScript book for learning. Believe me, as tough as it looks, this is not rocket science and becomes very easy when you have coded plenty of websites. At one point, you will be coding XHTML like you are typing a copywrite :P

Good Luck

10-03-2009, 09:18 PM	#1
GoPeterB Warrior Member Join Date: Jan 2009 Posts: 28 Thanks: 11 Thanked 0 Times in 0 Posts	FF Compatibility Issues - PLEASE HELP!!!?? All the inner pages on my website are all hacked up when viewed in Firefox and I cannot figure out why. I checked my site in the html validator and found 40 something errors...however most of the errors are found in the embed links for my youtube videos and mapquest links. So those are not a result of my markup. This was one of the first sites I designed in Photoshop and sliced up for Dreamweaver so Im sure the design isnt the best. I hate to beg for help but is there anyone out there that can identify what I am doing wrong here? Its like all the image slices are separating?? I'll do anything if you can help!! my site: ol dpo rt re sta ur ant s . c om (sorry, Ive got paid advertisers) Click on any of the inner pages to see the problems. The homepage is fine.

10-03-2009, 10:56 PM	#2
TheLimeDesign Ultimate War Machine War Room Member Join Date: Oct 2009 Posts: 63 Thanks: 2 Thanked 12 Times in 12 Posts Contact Info	Re: FF Compatibility Issues - PLEASE HELP!!!?? Hello GoPeterB, The biggest problem here, is that you are using tables all over, and you have defined your contents to be "center" in the table itself. Just running a markup check and getting validated doesn't mean that your code is perfect. There is a lot more in XHTML and CSS. In fact, tables are the last thing I personally touch unless there really is a need to use it. Tables are actually used to represent tabulated data - not for structuring the site although its possible. The actual way you should have coded your site is using DIVs, floated and cleared accordingly. Currently, you define absolute heights and widths of your table cells too which is not really good in future maintenance of the site. Your site must be more flexible in handling extended stuff in the future. I'd love to help you out on this, but this code needs a lot of improvement still. I'd suggest recoding it p/s: I'm coming from your "about us" page.

10-03-2009, 11:36 PM	#5
TheLimeDesign Ultimate War Machine War Room Member Join Date: Oct 2009 Posts: 63 Thanks: 2 Thanked 12 Times in 12 Posts Contact Info	Re: FF Compatibility Issues - PLEASE HELP!!!?? When you slice in PS, you actually don't have to use ALL the sliced images. Apart from that, sometimes a site design needs to be sliced a few times with unwanted layers hidden. Before you code your website (or even slice it), you must first identify how it is structured. Take a little while analyzing what goes back and what comes in front. Based on that, strucutre it wisely and slice the images part by part. It takes extra time, but worth every second When you code your sites, first thing is, building the main structure of the site. You must have a container which will hold the whole site of yours. Within this container, you embed smaller DIVs and combine them just like "LEGO" while building the site. There is a lot more to share like CSS tagging, classes, ids, floating, clearing, etc. Learn it all step by step and you will be an expert soon We'll be here to help wherever we can Cheers~

10-03-2009, 11:40 PM	#7
TheLimeDesign Ultimate War Machine War Room Member Join Date: Oct 2009 Posts: 63 Thanks: 2 Thanked 12 Times in 12 Posts Contact Info	Re: FF Compatibility Issues - PLEASE HELP!!!?? That will actually be the best to start from I also recommend getting a XHTML + CSS + JavaScript book for learning. Believe me, as tough as it looks, this is not rocket science and becomes very easy when you have coded plenty of websites. At one point, you will be coding XHTML like you are typing a copywrite :P Good Luck