IE and Mozilla show different....

Discussion in 'HTML & Website Design' started by PLRGuru, Jun 19, 2007.

  1. #1
    I have my programmer to set up a website.

    In IE its perfectly in centre but when i view it in Mozilla, the whole design is on the left.....

    Kindly please advise....

    Regards,
    PLR
     
    PLRGuru, Jun 19, 2007 IP
  2. briansol

    briansol Well-Known Member

    Messages:
    221
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    110
    #2
    fire your designer :)




    without seeing the site or code, its near impossible to guess (and i'm guessing its horridly table-ridden coded)

    throw a div around the whole thing
    (ie,
    <body>
    <div id="wrapper">
    .
    .
    .
    </div>
    </body>

    and add

    #wrapper { margin: 0 auto 0 auto; }
    to your css file (if you have one
     
    briansol, Jun 20, 2007 IP
  3. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #3
    Your solution is incomplete, and inaccurate,
    briansol

    HTML:
    
    <div align="center">
     <div id="wrapper">Content here</div>
    </div>
    Code (markup):
    CSS:
    
    #wrapper {
     margin: 0 auto;
     text-align: left;
     width: 770px;
    }
    
    Code (markup):
     
    Clive, Jun 20, 2007 IP
  4. Ginger Ninja

    Ginger Ninja Guest

    Messages:
    161
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #4

    As is yours. Your div alignment is outdated, incorrect and isn't needed.

    All you need is the following;

    <div id="wrapper">
    <-- Site Content -->
    </div>
    
    Code (markup):
    Add this to your stylesheet;

    #wrapper { width:780px; margin:0 auto; }
    Code (markup):
    That is all there is to it... However, you would change the width of the wrapper to match that of your current setting. Nothing more, nothing less.
     
    Ginger Ninja, Jun 20, 2007 IP
  5. Codythebest

    Codythebest Notable Member

    Messages:
    5,764
    Likes Received:
    253
    Best Answers:
    0
    Trophy Points:
    275
    #5
    Yes, fire the dude...
    A good coder codes by hand, therefore knowing the codes.
    So he knows what's going on...

    Most coder uses a software and check on only one browser, assuming it is ok...
     
    Codythebest, Jun 20, 2007 IP
  6. Mooseman

    Mooseman Peon

    Messages:
    453
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I also had this problem before.

    What I do is set "text-align:center;" do the body, then "marign: 0 auto;" and "text-align:left;" to the div containing the website.
     
    Mooseman, Jun 20, 2007 IP
  7. Aurel Dragut

    Aurel Dragut Peon

    Messages:
    33
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    By the way i see it, he said "programmer" not "designer". Maybe he should hire another one as a designer, or he should try to make his own design.
     
    Aurel Dragut, Jun 20, 2007 IP
  8. Ginger Ninja

    Ginger Ninja Guest

    Messages:
    161
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #8
    @ Mooseman. That is such an outdated method. How are we supposed to take design to the next step when people insist on designing like that. There is no need.
     
    Ginger Ninja, Jun 20, 2007 IP
  9. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #9
    At the very least your web designer/coder should check IE and FF. Plus all the others...
    If their code even slightly breaks in either IE or FF, refuse to pay, and find someone who knows what they're doing.
     
    Kerosene, Jun 20, 2007 IP
  10. Mooseman

    Mooseman Peon

    Messages:
    453
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #10
    What? What makes it outdated?
     
    Mooseman, Jun 20, 2007 IP
  11. PLRGuru

    PLRGuru Banned

    Messages:
    960
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #11
    So who can help me?

    Kindly send me a pm. :)
     
    PLRGuru, Jun 20, 2007 IP
  12. crazydinny

    crazydinny Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Im having some what of the same problem.... Little different. I have my tables centered but its my text within that I'm having trouble with getting to correspond with the margins I like to set. Of course it looks great in IE haha. the site is phaostudentministries . Any suggestions would be great, thanks.
     
    crazydinny, Jun 20, 2007 IP
  13. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #13
    Chill. And give your own code a try in IE 5.5. Then go back and read the book again.
    It will teach you how to make sure older browser versions won't left align your wrapper div instead of centering it.
    Then you can teach others about safe coding.
     
    Clive, Jun 20, 2007 IP
  14. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #14
    In reference to this:
    Clive wrote:
    Clive, Ginger is quite correct. The align attribute has not been a part of any strict DTD since 1998. IE5.x, along with Navigator4.x, is quite dead. I, being the up front kinda guy I am, tell my clients they will pay a premium to include backward compatibility with IE5.x. I do not offer NN4 support. When clients are shown the kind of non-standard markup and styling hacks required by IE5, they have no problem with my position. I do check to see that the page is usable, but if it ain't completely broke, I don't fix it.

    The valid way to center the IE5 and IE6 in non-standards mode is to use the text-align property. IE quite improperly applies the property to block elements. Adding it to the body element will cause it's descendant elements to be centered. If the wrapper element is then made {text-align: left;}, all is back to normal, with only the wrapper centered. In no case should the <center> element nor the align attribute be used.

    cheers,

    gary
     
    kk5st, Jun 20, 2007 IP
  15. PLRGuru

    PLRGuru Banned

    Messages:
    960
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #15
    so anyone care to do a pay it forward and help me ? :p
     
    PLRGuru, Jun 20, 2007 IP
  16. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #16
    I forgot what we were discussing here initially right after finding myself under attack ;)
    Dropped you a PM anyway.
     
    Clive, Jun 20, 2007 IP
  17. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #17
    @PLRGuru: You were given solutions by briansol, Clive, Ginger Ninja and Mooseman, all workable, with Mooseman's being the most inclusive and valid. You will even find a solution buried in my post, if you dig a bit. The point of forums like this is to help you fix your problems, not to do the work for you.

    @Clive: There was no attack intended, just a bit clearing up bits of confusion and errata.

    cheers,

    gary
     
    kk5st, Jun 20, 2007 IP
  18. crazydinny

    crazydinny Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    How about my problem gents? Any Suggestions would be nice please.
     
    crazydinny, Jun 20, 2007 IP
  19. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #19
    I've fixed it for ya, PLRGuru. You may now remove the temp FTP details. And yes, you've been a bit lazy with all of us giving you right directions towards a solution for your website align issue.

    The overall coding is quite dirty, too. That's because of the ImageReady Slicing tool that you have used to generate it.
     
    Clive, Jun 20, 2007 IP
  20. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #20
    Please start a new thread, with a descriptive subject line and a specific problem statement.

    When you hijack a thread, your details are lost in the shuffle. See How to ask.

    cheers, and enjoy the forum,

    gary
     
    kk5st, Jun 20, 2007 IP