8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

FF Compatibility Issues - PLEASE HELP!!!??

by GoPeterB
6 replies
  • WEB DESIGN
    • |
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.
#compatibility #issues
  • Profile picture of the author shahz
    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.
    Signature
    Quality Graphics + Coding Services at affordable prices! | Craftora
    "We Craft Web Wonders"
    {{ DiscussionBoard.errors[1244502].message }}
    • Profile picture of the author skorpion
      Originally Posted by TheLimeDesign View Post

      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.
      {{ DiscussionBoard.errors[1244531].message }}
  • Profile picture of the author GoPeterB
    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.
    {{ DiscussionBoard.errors[1244541].message }}
  • Profile picture of the author shahz
    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~
    Signature
    Quality Graphics + Coding Services at affordable prices! | Craftora
    "We Craft Web Wonders"
    {{ DiscussionBoard.errors[1244587].message }}
    • Profile picture of the author GoPeterB
      Originally Posted by TheLimeDesign View Post

      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.
      {{ DiscussionBoard.errors[1244592].message }}
  • Profile picture of the author shahz
    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

    Good Luck
    Signature
    Quality Graphics + Coding Services at affordable prices! | Craftora
    "We Craft Web Wonders"
    {{ DiscussionBoard.errors[1244600].message }}

Trending Topics