Results 1 to 8 of 8

Thread: holy crap this is cool- static section within page

  1. #1
    Join Date
    Jul 2005
    Location
    UK
    Posts
    159
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default holy crap this is cool- static section within page

    how did they get the portfolio to scroll with the brower's scrollbar and the rest of the site stays static?!?!

    http://www.nice-design.co.uk/

  2. #2
    Join Date
    Dec 2006
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts

    Default

    Nice side effect with Firefox
    Same lame page design with IE
    Looks like he's having troubles with opera

  3. #3
    Join Date
    Jul 2005
    Location
    UK
    Posts
    159
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Default

    hmm all three look the same for me

    any idea how to do it?

  4. #4
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by moscarda View Post
    how did they get the portfolio to scroll with the brower's scrollbar and the rest of the site stays static?!?!

    http://www.nice-design.co.uk/
    Nothing special, just fixed positioning. However, it's used badly. Not only does it take up huge amounts of space, but view the document in much less than a maximized browser on a 1024x768 display and parts of the text are unreachable.

    Fixed positioning has been around since the beginning of CSS 2 way back in '98 or so. Microsoft have only just got around to implementing it in IE 7, though it can be emulated with scripting.

    Mike

  5. #5
    Join Date
    Dec 2006
    Location
    Twin Cities, MN
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You really dont need to use any javascript, to do this in ie. Checkout http://www.benniaustin.com.

    Using only CSS I've crafted a solution that works fine in both browsers. Have not tested opera yet though.

    Forgive the state of the website, it's brand new.

  6. #6
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by benniaustin View Post
    You really dont need to use any javascript, to do this in ie.
    It's one of the better ways as it doesn't prejudice other browsers.

    Checkout http://www.benniaustin.com.

    Using only CSS I've crafted a solution
    You're far from the first person to use the overflow property, and that, on its own, is only suitable in some circumstances.

    that works fine in both browsers.
    What's "both browsers".

    Have not tested opera yet though.
    It breaks horribly in Opera 7.

    Forgive the state of the website, it's brand new.
    If you intend to offer development advice, I do hope you aim to use better markup and style sheets that promote best practice. At least start by steering clear of pseudo-XHTML, and runs of forced line breaks (br elements) are blatant abuse.

    Mike

  7. #7
    Join Date
    Dec 2006
    Location
    Twin Cities, MN
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    yeah yeah yeah, like i said it's brand new. I wrote a bunch of articles, and literally just published the site yesterday. I know the BR's are a no-no, but whatever, I had to get back to work. I figured it was good for now, I'll fix it later.

    As for the both browsers comment. You ask the question as if you dont' know what I meant. Obviously I meant, the 2 most common browsers, firefox and IE6. I guess that comes from where I work. We tell our clients that we only support firefox and ie, therefore, at work we say things like, "it works in both browsers".
    Last edited by benniaustin; 12-21-2006 at 08:45 PM.

  8. #8
    Join Date
    Dec 2006
    Location
    Twin Cities, MN
    Posts
    35
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    the forced line breaks at the bottom of the page were there, just to make the page scrollable to illustrate the effect.

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
  •