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.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jan 2010
    Posts
    2
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Firefox/Explorer Help

    Hi i am making a website for a school project and am having trouble making it compatible in both Explorere and Firefox,

    http://www.hugelaughs.com/fbla/home2010.htm

    it centers in explorer but not firefox also the navbar acts weird in firefox as well. Any suggestions?

  • #2
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Quote Originally Posted by RAMBO View Post
    Any suggestions?
    Yes. Get rid of the tables.

    Then you should find centering, using CSS, a fairly straightforward affair. I would love to help you but I can't because I ditched tables when I found them hard to centre things. Now I can't remember anything about tables.

    Regards

    Dr. V
    Last edited by Doctor_Varney; 01-15-2010 at 05:44 AM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • Users who have thanked Doctor_Varney for this post:

    RAMBO (01-19-2010)

  • #3
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Okay, I found your stylesheet. You seem to have more than one!? Anyway, if you put a DIV around your entire site called #wrapper, like you do sometimes with tables, you can centre it using margins, like this:

    Code:
    #wrapper{margin-left:auto;margin-right:auto}
    That's supposed to work in all the main browsers.

    Hope this helps.

    (Nice design, by the way!)

    Dr. V
    Last edited by Doctor_Varney; 01-15-2010 at 06:09 AM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • Users who have thanked Doctor_Varney for this post:

    RAMBO (01-19-2010)

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,747
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello RAMBO,
    You're using the deprecated <center> tag which can't work because it's missing it's closing tag.
    See that error found by the validator - http://validator.w3.org/check?verbos...2Fhome2010.htm


    Your #container is only 500px wide but you're putting a 770px wide c_container in it.
    See how the box model works. margin/padding/border all count when figuring total widths.


    To fix it the centering problem you can get rid of <div align="center">, fix the width on #container and center that.
    To center an element you need 3 things:
    1. a DocType Declaration
    2. an element with a width
    3. that elements left/right margins set to auto


    And, Like the good Doctor mentioned, tables are not for layout. See the link about tables in my sig below.

    ...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    RAMBO (01-19-2010)

  • #5
    New to the CF scene
    Join Date
    Jan 2010
    Posts
    2
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thank you for all the help! I am new to web design and appreciate all your input.


  •  

    Posting Permissions

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