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
    Dec 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Expanding Box Problem

    Hi Guys,

    I have a page that seems to render fine in Firefox, but looks awry when I view it in IE. After some research, I believe it is the IE box model bug at work.

    http://en.wikipedia.org/wiki/Interne..._box_model_bug

    As I understand it, the key to correcting the problem lay in modifying my CSS. I haven’t done any coding since 2001 however, and am greatly in need of some assistance to:

    1. Get the right column back in alignment with the left menu

    URL of problem page (this pretty much affects every other page on my site when viewed in IE as well):

    http://cervantes.webng.com/sims.html

    Please let me know if I can provide any extra info that might help.
    Attached Files Attached Files

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Lanbox 78,
    make your CSS look like this:
    Code:
    #main{
    margin: 0 0 0 145px;
    padding-left:20px;
    border-left:1px solid #ffffff;
    }
    You may need to play with that left margin a little.
    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

  • #3
    New to the CF scene
    Join Date
    Dec 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks again, Excavator. I've been playing around with the CSS using your example, and although I haven't solved the issue yet, I have made some progress.

    I was wondering, why is it that my container is centered in the middle of the page when using FF, and not IE?

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello again Lanbox78,
    You've reached the point where you really need to have valid code. Check what the validator has to say about your page as well as the suggestion about validating in my sig below.

    In answer to your question, I imagine a valid DocType would make your site center... I didn't mess around with it though.
    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

  • #5
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    I'm sorry but two DTDs? What on earth?

    And valign="left"? Even if it were valid code, how can you vertically align something to the left? =S.


  •  

    Posting Permissions

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