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 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE Problems - Right column is floating on top of left column

    I really need help with this. I have tried several different layouts plus have read and tried several IE hacks but can't seem to figure out the cause.

    I have a two column fixed-fluid layout with a header and footer. The right side content divider floats on top of the left side column in IE.

    Everytime I think it is fixed, I type something into the right column and it all goes haywire again (like adding a table).

    Check out the following pages:
    http://www.brainiacproductions.com/m...dio/index.html
    http://www.brainiacproductions.com/m...sic/index.html

    (FYI - don't bother with my home page or other pages since they use different layouts that I was experimenting with).

    Any and all help is greatly appreciated. I am at my ends-wit trying to troubleshoot this so your help would be great.

  • #2
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, I have narrowed the problem down to when I add a data table to my content area that has a % width. This causes the table to expand across the entire width of the screen instead of just the content area.

    Now that I have it a bit more narrowed down to the problem, is there a solution in handling this bug?

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    <div class="colright">
    <div class="col1wrap"></div>
    <div class="col2"></div>
    </div>
    Your way of column creation is wrong. Have a look at http://bonrouge.com/2c-hf-fluid.php to make a standard 2 column layout.

    Also, never apply float if not required. IN your case you've applied floats to almost all main elements.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    <div class="colright">
    <div class="col1wrap"></div>
    <div class="col2"></div>
    </div>
    Your way of column creation is wrong. Have a look at http://bonrouge.com/2c-hf-fluid.php to make a standard 2 column layout.

    Also, never apply floats, if not required. IN your case you've applied floats to almost all main elements.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Your way of column creation is wrong. Have a look at http://bonrouge.com/2c-hf-fluid.php to make a standard 2 column layout.

    Also, never apply float if not required. IN your case you've applied floats to almost all main elements.
    I used a template from http://matthewjamestaylor.com/blog/u...enu-pixels.htm

    I have tried several other templates with the same outcome but I will look at the link you gave me and hopefully that will resolve the issue.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Choose the right one from there, depending upon your choice of fixed/fluid layout.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks like this template will be my answer - four pages are finished with no problems. Thanks for the help. I did discover that it only works if you enclose a table in its own <div> otherwise the table expands out to the right.

    At least it is working. I'll keep my fingers crossed until more pages are done since it all seemed good with the other templates until I add a new thing to the page.


  •  

    Posting Permissions

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