Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 19
  1. #1
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cross-Browser Issues.

    Hello,

    I have created a website for my small business which i hope to get underway soon. However, im having some problems, through some research i've come to understand its whats known as Cross-Browser compatibility problems.

    I have built the site in FrontPage, and in my internet explorer it is completely fine. No problems, if i open up my Mozilla many of the boxes ect.. dont display properly. We have this problem before, but i appealed on the forum and someone make a quick change. I have no experience in HTML, CSS or what not.. so im puzzled by this odd situation.

    Would someone be able to possibly change the HTML to make it compatible on other browsers for me.

    The URL = http://www.people-exchange.co.uk/tes...leX/index2.htm

    Our old version which got changed is = http://www.people-exchange.co.uk/tes...pleX/index.htm

    Also, our introduction page is having the same problem = http://www.people-exchange.co.uk/tes...leX/teaser.htm

    I would really really appreciate someone to step in here.. becuase i am just at wits end.

    Thanks for you time!
    Last edited by TheSlink; 08-30-2009 at 11:17 AM.

  • #2
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Quote Originally Posted by TheSlink View Post
    I have built the site in FrontPage
    FrontPage is such a bad code generator even Microsoft dumped it. Throw that thing away.
    in my internet explorer it is completely fine.
    That means little. IE is 11 years behind all other browsers in modern standards and practices and the worst browser on the planet. Always, always check your markup in a modern browser (that is anything but IE). Then look to see if/when IE screws things up. But the quirks and bugs of IE are well known, as are the hacks to fix it.

    Your first major problem is your doctype is incorrect and puts IE into quirks mode making not attempt to perform like other more modern browsers. Replace yours with this one:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    Then validate your html and css for those lists of errors.

  • #3
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Than

    Thanks for the reply!

    I added the document type into my HTML codeing like you told me to, thanks for helping me there.

    i checked out a validotor.. and i notice some errors, however im clueless as too how i change them? Would you be able to help me!? I'll buy your a E-Beer ..

    Gosh, I need to use FrontPage.. as its simply and i know what to do!!

    Thankss

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    I do not see the doctype on any of those pages, and one of them has none at all.

    I made a mistake of suggesting the doctype above. Since FrontPage only outputs old, deprecated and non-standard markup, you'll have to use this doctype:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    That will help eliminate some of the errors reported by the validator but we still need to see what errors still exist and try and conform the rest to modern standards.

  • #5
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by drhowarddrfine View Post
    I do not see the doctype on any of those pages, and one of them has none at all.

    I made a mistake of suggesting the doctype above. Since FrontPage only outputs old, deprecated and non-standard markup, you'll have to use this doctype:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    That will help eliminate some of the errors reported by the validator but we still need to see what errors still exist and try and conform the rest to modern standards.
    Thanks for helping me furhter with this!!

    Ok, like you said i have added all of the ~
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    I did this to EVERYPAGE that is on the website.

    This still hasnt made the website viewable in my Mozilla, but i guess we are 1 step closer to accomplishing this!

    I look forward to receiving your help further.

    Kind Regards,
    TheSlink

  • #6
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Suggestion:

    copy your home page and in the copy - let's call it working copy - remove all you css and those <!-- --> tags. This is so the page displays generically and we can get rid of the remianing validation errors.

    I tried to validate your page with several doctypes and the 'best' one, in terms of making your page easier to validate, was this one:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    28 errors as opposed to 100 with the xthtml 1.0 trans.

    However, you really should validate to xhtml 1.0 (transitional at least).

    try to validate it with no css (styling) and then we can help with the css, I think.


    To achive this, you will need to get at least a 'working knowledge of xhtml and css. Instead of frontpage, why not use notepad?? use firefox or safari or opera as your browser for testing in. right click on the page and see the source code. in Firefox, there is a plug in available which will let you edit the css 'live', from the actual page and you can see the effects immediately.

    Perhaps other browsers have this functionality too but I only know about it in FF.

    hth

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #7
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    erm... I have just tried your second link and it validates to xhtml 1.0! Maybe you have found the solution already? let us know.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    @bazz: The document is written in SGML-style, so it should be validated to HTML 4.01 Strict, not XHTML. Transitional shouldn't be used for new documents.
    @OP: Your webhost is reaaaaally slow.

  • #9
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I appreciate your help..

    But i really cant get my head around the "basics".
    I suffer from learning difficulties, so learning new things isnt the easiest for me you see. However, i am trying!

    Would anyone be able to maybe edit it for me?! I'lll buy them a drink! it would tick a HUGE box of my too do list!

    I really really appreciate your help!

    Thanks!

  • #10
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Quote Originally Posted by Apostropartheid View Post
    @bazz: The document is written in SGML-style, so it should be validated to HTML 4.01 Strict, not XHTML. Transitional shouldn't be used for new documents.
    He's using deprecated markup so he must use transitional. There were a lot of XML errors so I thought xhtml would be the way to go but I really didn't look any further than all that frontpage stuff thrown in.
    @OP: Your webhost is reaaaaally slow.
    I wasn't going to say anything but....yes it is.

  • #11
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    So do you want
    http://www.people-exchange.co.uk/tes...leX/index2.htm
    to look like
    http://www.people-exchange.co.uk/tes...pleX/index.htm

    Also what's this http://www.people-exchange.co.uk/tes...leX/teaser.htm
    actually meant to look like do you have a visual representation.

  • #12
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Scriptet View Post
    So do you want
    http://www.people-exchange.co.uk/tes...leX/index2.htm
    to look like
    http://www.people-exchange.co.uk/tes...pleX/index.htm

    Also what's this http://www.people-exchange.co.uk/tes...leX/teaser.htm
    actually meant to look like do you have a visual representation.
    Hey,

    No i was simply showing you what we had previous to this. I made the old index.html and someone changed the codeing for me so it worked across ALL browsers. But now we decided to jazz it up a little we need it done again, problem is the person who done it as gone away.

    I need it so it shows in Mozzile AND IE.. Becuase on a Laptop IE. It's not correctly alligned ect.. Mozilla, the boxes are not showing.. rather frustrateing!

    I would appreciate someone with some knowledge

  • #13
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    Oh right, I can give you an example if I know what the page is meant to look like. Maybe you could show a visual representation or explain of what you are intending the page to look like.

  • #14
    New to the CF scene
    Join Date
    Aug 2009
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Scriptet View Post
    Oh right, I can give you an example if I know what the page is meant to look like. Maybe you could show a visual representation or explain of what you are intending the page to look like.
    Huh!?

    Have you read through my initial question?

    Im asking for someone to help fix th HTML so the website + teaser page works on ALL browsers! At the moment it isnt working in Mozilla. the index.html is the OLD/EXISTING one which got changed to work correctly on different browsers, i simply showed it there for reference.

    Wheres as the index2 AND teaser are the pages im asking to be changed.

  • #15
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    Yes I understood that but i'm saying the index.htm does not look correct in my Firefox, IE 8 or Opera, so I can't tell what you are intending it too look like for me to correct it.

    As for your teaser page, you do realise that by just having a huge flyer, that the browsers cannot read the text on images, therefore you're not giving them much information on what your page is about.
    By all means this is fine if you don't not mind. If you did want to give a bit more information to the search engine then you could just chop the image up into the header content and footer, and use an image-replacement technique so the image shows up for the user, but the text is still inside the HTML code for search engines to see.

    Also for the 7-8 images on each side of the flyer, personally i'd create one big image or 2 (one for each side) containing all the images, placed in their correct positions. This saves having to position each individual image where you want it.
    It also has the added bonus that we could just add the 1/2 images as a background image inside the CSS. As really we don't want to add images inside our HTML just for presentation purposes. (Because modern website development states we should keep just the plain page information inside the HTML, and all the presentation stuff inside the CSS.)

    I'd do the same for your content page also where you want the images on either side of the content, create one big image containing the little images in their correct positions, rather than 5/6 little images.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •