CSS 2 Column Question

• Atkinson

  My site:
  http://www.caferoyalbooks.com
  How do I make the sidebar 'stay' on the screen or scroll separately to the main column? Like Indexhibit sites I guess.

  Atkinson

  Flag

• comicsans0

  http://css-tricks.com/scrollfoll…
  

  comicsans 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • hm, not what I'm after reallyAtkinson
  • Just pointing the way, Google for scroll and followcomicsans

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• Atkinson0

  maybe I can't with it being wordpress and in a 'wrapper'?

  Atkinson 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• ukit0

  Try adding the following style

  td#left {
  position:fixed;
  }

  ukit 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • Seems a little weird to apply that to a table cell, but it works in Firebugukit

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• zr0

  I can't imagine that working with a table layout. If you replace the table with div columns you can use the css ukit said^.

  (disclaimer:i'm frequently wrong, blind and stupid)

  zr 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • Strangely enough it does appear to work, although best is to rewrite so they are not cells in the same table at minimum.ukit
  • ^ it works, i'm wrong, need caffeine.zr

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• Atkinson0

  yeah its a wordpress site so might mess?

  Atkinson 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• ESKEMA0

  did you made some changes already? It work as you want in firefox, but not in safari

  ESKEMA 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• Atkinson0

  I just added the above - thanks for that ukit!

  Atkinson 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• Atkinson0

  Not in Safari though

  Atkinson 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• zr0

  Also doesn't work with Chrome, IE6 and IE8.
  Use modern structure and it will work for everything apart from ie6 which you need to hack.

  zr 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • or just don't bother with ie6 - scrolling isn't the end of the worldzr

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• Atkinson0

  works in mac chrome

  The site is wordpress so when you say modern structure I think Im stuck with what I have

  Atkinson 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • you can change the markup in the theme files - obviously only if you know what you're doing there.zr
  • I don'tAtkinson

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel