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
    Daf
    Daf is offline
    Regular Coder
    Join Date
    Feb 2005
    Location
    East Texas
    Posts
    134
    Thanks
    30
    Thanked 2 Times in 2 Posts

    IE 6 - - issue with layout

    Hi all,

    http://www.hsoet.org/gallery/index.php

    I have racked my brain on this one. In IE6 this layout fails - the right column falls below content. The page is valid xhtml (trans). It uses an include to embed a php gallery script. If I remove the include the page falls back into place.... so I assume it's within the nuts and bolts of the script. But I'll be danged if I can figure out what it is that's breaking IE6!

    It's been my experience that when a column drops like that it could be a width, and/or margin issue. But I have been through all of that.

    I would appreciate any help in this one. Turns out the offices of this particular HS are using old Windows 2000 with IE6.

    The main css is here: http://www.hsoet.org/css/main.css
    The gallery bits are in /gallery/ - the script is the Plogger Gallery. http://www.plogger.org/

    The theme css is here: http://www.hsoet.org/gallery/themes/default/gallery.css

    Or should I post them?

    Thanks so much!

  • #2
    Regular Coder
    Join Date
    Jan 2009
    Posts
    316
    Thanks
    7
    Thanked 92 Times in 91 Posts
    Dreamweaver reports 2 expanding box problems, along with a bunch of extra whitespace bugs.

    Adding this moves the section up in IE6:
    Code:
    #wrapper {display:inline}
    edit: of course, that's not the ideal solution, particularly editing THAT tag, but it works.
    Last edited by Fisher; 03-05-2009 at 06:07 PM.

  • Users who have thanked Fisher for this post:

    Daf (03-05-2009)

  • #3
    Daf
    Daf is offline
    Regular Coder
    Join Date
    Feb 2005
    Location
    East Texas
    Posts
    134
    Thanks
    30
    Thanked 2 Times in 2 Posts
    Thanks Fisher! That does work!! I should have thought of trying that as it's bailed me out of IE6 problems before - again Thanks!!!

    Now, however, I'm curious as to why that's not the ideal solution? What would the ideal solution be?

    Daf

  • #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
    Quote Originally Posted by Daf View Post
    Thanks Fisher! That does work!! I should have thought of trying that as it's bailed me out of IE6 problems before - again Thanks!!!

    Now, however, I'm curious as to why that's not the ideal solution? What would the ideal solution be?

    Daf
    display:inline; is going to collapse the div to it's content. display:inline; is not a good way to fix float drop. The best way would be to float that column right, remove width and float from your left column and let it size itself to the remaining space.

    Look at how this 2-column layout is done. http://nopeople.com/CSS/equal_length_columns/index.html Same principal but it's the left column that's floated left.
    Last edited by Excavator; 03-05-2009 at 08:30 PM.
    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:

    Daf (03-05-2009)

  • #5
    Daf
    Daf is offline
    Regular Coder
    Join Date
    Feb 2005
    Location
    East Texas
    Posts
    134
    Thanks
    30
    Thanked 2 Times in 2 Posts
    Thank you! I will study that model.


  •  

    Posting Permissions

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