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
    Regular Coder
    Join Date
    Jan 2005
    Posts
    470
    Thanks
    3
    Thanked 0 Times in 0 Posts

    3-column layouts in IE 7 using CSS

    I was examining some 3-column layout methods using CSS and happened upon one that worked very nicely:
    http://alistapart.com/articles/holygrail

    However, although this apparently works in Firefox and IE 6, is does not work correctly in IE 7. Anyone know what the quirk is?

  • #2
    JUD
    JUD is offline
    New Coder
    Join Date
    Jul 2005
    Location
    I'm right here
    Posts
    92
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Looks fine in IE7 here.

  • #3
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by bauhsoj View Post
    Anyone know what the quirk is?
    Take a look at the discussion following that article. You will find that the problem is this hack:
    Code:
    /*** IE6 Fix ***/
    * html #left {
      left: 150px;           /* RC width */
    }
    This hack was introduced to fix IE6's incorrect handling of percentage offsets. With the introduction of IE7 it turned out that the bug had not been fixed. On the other hand, the * html selector was abolished in IE7. Hence the problem. Only one bug was fixed. The immediate fix is simple: use conditional comments to feed all version of IE.

    But this is the problem with hacking living browsers. The code is not forward compatible.

    What will now happen in IE8? What styles should we feed it with? No one knows. The template is not mature for real-world web pages.

  • #4
    Regular Coder
    Join Date
    Jan 2005
    Posts
    470
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by koyama View Post
    The template is not mature for real-world web pages.
    Would you recommend another 3-column layout template that would fit the bill?

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Goodmorning bauhsoj,
    Check out ClevaTreva's 3-column pagemaker
    very cool
    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
    •