Results 1 to 4 of 4

Thread: "Jello Mold" Layout - IE7 faux column issue

  1. #1
    Join Date
    Feb 2008
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default "Jello Mold" Layout - IE7 faux column issue

    I am wanting to use a jello layout for a site that I am preparing to build. I have found a three column layout that suits my needs, but it seems to have problems displaying the faux columns in IE7. You can see about 5px of the background images peeking below the header. The layout is found here.
    I would appreciate any input about a fix for this.

    I would also like to put a navigation bar under the header.

    Thanks, Rayzur

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Oh, god thats a lot wrong in IE, o_0.
    I may beable to code a whole new one for you ...
    [But only if you want. :P]
    Jeremy | jfein.net

  3. #3
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Try using this layout format, as it is more stable and will also work in Safari and IE for Mac. Unlike the other one, which doesn't work in IE as stated
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  4. #4
    Join Date
    Feb 2008
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    The ability to set Min/Max widths is my main goal, and to make it cross-browser compatible.

    I like how the body margins scale down on the Jello layout as the browser window is sized down.

    I plan on having a fixed background image on the body and want some margin for it to show until the min-width is reached.

    What I'm looking for is something like 750pxmin/1000max on width. (250px difference in min/max) I want the side columns fixed at a set width of say 175px with the center content fluid.

    I realize the first example link I gave may have some poor code in it, but it is the basic layout that I am after. Except with a navbar under the header.

    Here is a working example of a Two Column Jello with a fixed background, It is a good example of what I am after but in a Three Column layout. (Grab ahold of your window edge and drag it back and forth to see the jello action)

    I may be able to code a whole new one for you ...
    Any help that is offered will be greatly appreciated by me

    Thanks, Rayzur
    Last edited by Rayzur; 02-27-2008 at 03:50 PM.

Bookmarks

Posting Permissions

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