Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorjwoods
    • CommentTimeApr 9th 2008
     permalink
    Here's my problem simplified...

    I have a standard three-column site. Column One is a fixed width nav menu. Column Two has copy. Column Three has an image. I need Columns Two and Three to resize themselves based on how wide the image in Column Three is.

    I'm fairly new to CSS and maybe I'm getting in over my head, but I have no idea how to pull this off. Any help would be greatly appreciated!
    •  
      CommentAuthorthe.x.man
    • CommentTimeApr 9th 2008 edited
     permalink
    Um... very interesting. I had a wee play- and came up with this.

    I am certain somebody else would have a far better method, but this is the best I can do.

    It loads a tiny additional css for each page, to allow for the differing widths of image used. However, I am certain they could be applied ever more efficiently using php to detect the image width and apply the apropriate css- but that is outside my abilities, I am afraid...
    • CommentAuthorjwoods
    • CommentTimeApr 11th 2008
     permalink
    This actually works pretty well in my HTML editor, but the columns don't render in IE or Firefox. Thanks for the mockup, though. It gave me a few ideas.
    •  
      CommentAuthorthe.x.man
    • CommentTimeApr 11th 2008
     permalink
    That is interesting - I had it working in IE6 & 7, Opera 9.25 and Firefox 2. I must have slipped up somewhere when I uploaded it.
    Sorry about that...
Add your comments
    Username Password
  • Format comments as (Help)