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 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Apr 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Can't figure it out?

    I'm having an issue with an index page, on this page, http://www.santanbrewing.com , in internet explorer it does not line up correctly. In IE on the index page, there are two different rotating javascript slideshows that do not center like the other content on the page. If you look at the site on firefox, it looks correct but in IE, it doesn't. Any idea help is much appreciated.

    Thanks in advance.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello liquidkrep,
    Does this fix it for you?
    Code:
    #content {
    position: relative;
    padding-bottom: 34px;
    }
    That is a difficult site to work on/debug what with all the inline styles, absolute positioning and tables. A whole lot of code for not much content.
    See the links in my sig below.
    Also have a look at this one - http://www.tyssendesign.com.au/artic...ning-pitfalls/
    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
    Apr 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    it did not work. I'm not sure what you are talking regarding absolute positioning? Also, I have made a separate "test" page. Check it out here;

    http://www.santanbrewing.com/test.html

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    In that demo, you can put a width on your #content to hold things together.
    Like this -
    Code:
    #content {
    width: 1024px;
    margin: 0 auto;
    padding-bottom: 34px;
    background: #000; /*for testing only*/
    }
    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
    New to the CF scene
    Join Date
    Apr 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks but I figured it out. The table width needed to be 100% and not a fixed width.

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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


  •  

    Posting Permissions

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