Spirit (daimones) wrote in component_help,

  • Mood:

Okay, so...this is cool, but...

I finally figured out how to make it so that my entries would 'scroll' horizontally when they would otherwise push the screen out. And at the same time make this behavior functional for a wide array of screen resolutions. (i.e., not pixel dependent.)

You can see this behavior here! (I'm rather proud of it. ;) http://livejournal.com/users/daimones/friends/syn

It's all my syndication stuff. If you've got a big screen and don't see what I'm blathering about, shrink your window...you should see it.

I don't promise this solution will work on all browsers either. It probably could be made to, but ah, the beauty of css.

So where was I.

Oh yes.

Technical details. The outer table declaration has table-layout:fixed;. The table declaration immediately outside of the entry also has this. This forces the widths of those two tables, the outside enforcing screen size, the inner enforcing the width/clip parameters (I think.) Then the entry is wrapped in a div...width:100%;overflow:auto;overflow-y:hidden;padding-bottom:17px; (hide the vertical scroll, pad the bottom the amount of pixels the scroll bar is so as to not clip the bottom) I just used the tutorials out there for customizing your entries and layout, nothing fancy, though I had to replace the print_content_top() to insert the css into that innermost table declaration.

Anyways, if anyone has an ideas, or improvements, I would love to have your feedback! Thanks!

  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened