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 24
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Why does my site look completely different on firefox and IE

    I have just created a site from scratch, and I've been using google chrome the entire time. Now that I've finished a good bunch on the site, I notice that the site looks wrong in IE and firefox, but right in chrome and safari. I've played around with the CSS, but can't seem to make it look good on firefox.

    The page i'm talking about is http://spliid.mooo.com/consultants.php. The frames are wrong with firefox. I'd really appreciate any ideas to solve this problem.

    Thanks!

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,175
    Thanks
    23
    Thanked 601 Times in 600 Posts
    IE needs a doctype. You need to put one in the code. Also a lot of missing close tags.

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    339
    Thanks
    3
    Thanked 35 Times in 35 Posts
    You're trying to create frames by putting html files inside an html file? Who on earth taught you that? I would suggest to do a beginners course first, at w3schools. Then, while rewriting your site, use these tutorials as aids.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #4
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,639
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by Frankie View Post
    Who on earth taught you that? I would suggest to do a beginners course first, at w3schools.
    A site teaching prehistoric coding such as W3Schools would be the place that people learn such antiquated techniques. While the HTML section of that site is not as badly dated as the other sections it is much better if you find a site that teaches the correct way of doing things now rather than how they used to be done 10 to 15 years ago (with just a few modern references tacked on to mislead people into thinking it is up to date - unfortunately the two guys who created that site would need to have employed a staff of several people to have had any chance of keeping their site up to date on so many different topics).

    Try http://webdesign.about.com for a place to learn HTML properly on line.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #5
    Regular Coder
    Join Date
    Sep 2011
    Posts
    339
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Quote Originally Posted by felgall View Post
    A site teaching prehistoric coding such as W3Schools would be the place that people learn such antiquated techniques. While the HTML section of that site is not as badly dated as the other sections it is much better if you find a site that teaches the correct way of doing things now rather than how they used to be done 10 to 15 years ago (with just a few modern references tacked on to mislead people into thinking it is up to date - unfortunately the two guys who created that site would need to have employed a staff of several people to have had any chance of keeping their site up to date on so many different topics).

    Try http://webdesign.about.com for a place to learn HTML properly on line.
    That is what some people say, but nobody has ever come up with the evidence that the mistakes and omissions on W3 Schools are more than occasional. Don't forget that it is a site consisting of hundreds of pages, with a multitude of that of topics. A couple of mistakes and omissions is normal then. So your comment looks like just jealous ranting against a site that is a gigantic success, world-wide.

    As for about.com: in terms of didactics, that is an extremely poor site to refer an apparent beginner to. As it is in terms of completeness.
    Last edited by Frankie; 03-09-2013 at 12:30 AM.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #6
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you for your response. I've cleaned up the code a lot and replaced the tables with lists. Does this look better than before, or should I still do some changes?

    And last question: How do I center the boxes on the site? I seem to be having trouble centering items within a list.

    Thanks!

  • #7
    Regular Coder
    Join Date
    Sep 2011
    Posts
    339
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Sorry, still a mess. You're putting block elements inside inline elements and are using lists for matters where divs would be much better. And there are vast rendering differences between IE(8) and the standards-compliants browsers.

    Further, you have centralizing problems. And the photos don't look very professional either.

    I would suggest to hire a professional to do this job for you. The first impression of a company is very important, and what you've made so far gives the impression of an amateurish one. Trying to do this yourself with your (lack of) capabilities is penny-wise, pound-foolish.

    If you want to do this yourself, why would you expect your customers to hire you for things you should be good at?
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #8
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I know this is far from a professional website, as I am doing this for a school project, hence I don't think hiring a professional would be a good idea. This is the first site i've built from scratch, so I'd appreciate if you could give me some feedback on how to improve the site. I am willing to learn and try out new methods if necessary.

  • #9
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,639
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by Frankie View Post
    That is what some people say, but nobody has ever come up with the evidence that the mistakes and omissions on W3 Schools are more than occasional. Don't forget that it is a site consisting of hundreds of pages, with a multitude of that of topics. A couple of mistakes and omissions is normal then. So your comment looks like just jealous ranting against a site that is a gigantic success, world-wide.
    See http://w3fools.com for a small sample of some of the errors that the two owners of w3schools haven't corrected on their site yet - with only two people trying to cover so many topics it is surprising that the site is still as up to date as it is.

    Two people can't possibly hope to keep a site consisting of hundreds of pages, with a multitude of that of topics in their spare time as the owners of that site do.

    The JavaScript section of their site is actually the worst part that I know of - at least half of those pages are in need of dramatic updates. The few examples of JavaScript errors listed on w3fools are less than 1% of the total errors in that section of the w3schools site. I could provide hundreds of out of date JavaScript examples on that site but it was far easier to just create my own site covering JavaScript properly (although after 18 months there are still quite a few sections yet to be written - that's how much time it takes to properly look after one such topic and the w3schools site has just two people trying to lok after more than a dozen different topics).
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #10
    Regular Coder
    Join Date
    Sep 2011
    Posts
    339
    Thanks
    3
    Thanked 35 Times in 35 Posts
    See http://w3fools.com for a small sample of some of the errors
    That's not "a small sample if some of the errors". That is all of the evidence that people can come up with who say W3 Schools is no good. Which falls in the category: nobody has ever come up with the evidence that the mistakes and omissions on W3 Schools are more than occasional.

    I could provide hundreds of out of date JavaScript examples on that site
    Do it, prove it, or stop the cheap slander. The harsher the criticism, the greater the burden of proof. Otherwise it is just cheap criticism from someone who's website is never referenced to.

  • #11
    Regular Coder
    Join Date
    Sep 2011
    Posts
    339
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Quote Originally Posted by peterspliid View Post
    I know this is far from a professional website, as I am doing this for a school project, hence I don't think hiring a professional would be a good idea. This is the first site i've built from scratch, so I'd appreciate if you could give me some feedback on how to improve the site. I am willing to learn and try out new methods if necessary.
    The more reason why you should do the W3 Schools course. I don't have time to teach you the basics, and W3 Schools does a faster and better job anyway. What I can teach you is CSS for the advanced student. See the tutorials on my sig page. Have fun.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #12
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,639
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by Frankie View Post
    That's not "a small sample if some of the errors". That is all of the evidence that people can come up with who say W3 Schools is no good.
    As I said before the JavaScript examples there represent less than 1% of what is wrong with the JavaScript section of that site.


    Quote Originally Posted by Frankie View Post
    Do it, prove it, or stop the cheap slander. The harsher the criticism, the greater the burden of proof. Otherwise it is just cheap criticism from someone who's website is never referenced to.
    I have been doing exactly that by creating a better series of JavaScript tutorials than the antiquated ones on w3schools. See javascriptexample.net - it is a work in progress for teaching JavaScript properly. In particular see the "Bad Bits" section most of which W3Schools presents as the best way to do things - which it is if the browser you are targetting is Netscape 4.

    I probably have a few hundred more pages to go before I cover everything about JavaScript in as much detail for the 21st Century as w3schools does for the 20th Century.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #13
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,665
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Frankie, one problem with W3Schools is that the name of the website makes the impression that they are associated with or representing the World Wide Web Consortium (W3C), and hence, less savvy people could mistake their “courses” for official recommendations. That’s why this site is so popular, because they deceive people to think this is some kind of entity. And that’s also why their practice of issuing “certificates” is highly questionable because these certificates mean nothing in the real world. Even though most of the information on that site might be accurate, many things are not explained very well and one should let people know that advice on this site should be taken with a grain of salt (as any advice on any site, actually, but with others it’s more clear that they are no official representation of the W3C).

  • #14
    Regular Coder
    Join Date
    Sep 2011
    Posts
    339
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Quote Originally Posted by VIPStephan View Post
    Frankie, one problem with W3Schools is that the name of the website makes the impression that they are associated with or representing the World Wide Web Consortium (W3C), and hence, less savvy people could mistake their “courses” for official recommendations. That’s why this site is so popular, because they deceive people to think this is some kind of entity.
    I disagree. The site is popular because it is didactically sound and fairly complete, for a beginner's course. Most people who visit the site, i.e. beginners, have probably hardly ever heard of the W3C.


    Quote Originally Posted by VIPStephan View Post
    And that’s also why their practice of issuing “certificates” is highly questionable because these certificates mean nothing in the real world.
    Agreed, but that says nothing about the value of the contents themselves of the site.

    Quote Originally Posted by VIPStephan View Post
    Even though most of the information on that site might be accurate, many things are not explained very well
    I couldn't disagree more. Didactically speaking, it is by far, and I mean by far, the best beginner's course. Show me one that would only come near.
    Last edited by Frankie; 03-11-2013 at 11:54 PM.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  • #15
    Regular Coder
    Join Date
    Sep 2011
    Posts
    339
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Quote Originally Posted by felgall View Post
    As I said before the JavaScript examples there represent less than 1% of what is wrong with the JavaScript section of that site.
    More of the same: a lot of accusations, but no evidence to make 'em stick.

    Quote Originally Posted by felgall View Post
    In particular see the "Bad Bits" section most of which W3Schools presents as the best way to do things - which it is if the browser you are targetting is Netscape 4.
    What you are doing there is preaching fundamentalism -- hardly practical, unnecessarily strict and practically useless. We have better things to do.

    Quote Originally Posted by felgall View Post
    I probably have a few hundred more pages to go before I cover everything about JavaScript in as much detail for the 21st Century as w3schools does for the 20th Century.
    Funny. Even the latest browsers process javascript á la W3 Schools perfectly well. I thought that the 21st century is already some 13 years old? That's a lifetime in web development.
    Last edited by Frankie; 03-12-2013 at 07:28 AM.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.


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