Results 1 to 6 of 6

Thread: how to scroll upwards without overlapping the image on top of the page

  1. #1
    Join Date
    Mar 2007
    Posts
    27
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default how to scroll upwards without overlapping the image on top of the page

    Would appreciate if someone could advise:

    *left side of webpage
    -background image

    *right side of webpage (top)
    -has an image that is the title for the page

    *right side of webpage (bottom)
    -news article

    May I know how to let the right side "title image" stay put and enable the news article to be scrolled upwards without overlapping the "title image"?

    Many thanks in advance.

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    I *think* you might be needing the position:fixed CSS property, but I can't be sure by your description.

    Do you have some sample code or better yet a link to a page where we can see the problem? Your description is kind of vague and I don't fully understand what you're trying to accomplish.

  3. #3
    Join Date
    Mar 2007
    Posts
    27
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    The codes that I used are as follows:

    Code:
    <HTML><HEAD>
    <BODY> <p align=right><img src=title.jpg>
    <TABLE BORDER="1" table width=45% CELLPADDING="5" align=right>  
    <tr><td>lengthy news article.........</td>
    </BODY> 
    </html>
    Code:
    CSS
    <BODY 
    { background-image: url("image.gif") no-repeat fixed bottom left;}

  4. #4
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    1. The table element isn't meant for creating layouts. Consider using CSS, will make what you want to do a lot easier.

    2. The position:fixed CSS property is what you're after. Google it for some more resources.

  5. The Following User Says Thank You to Medyman For This Useful Post:

    jiam1 (04-24-2008)

  6. #5
    Join Date
    Mar 2007
    Posts
    27
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    Thanks for your input, Medyman.
    I googled using "fixed CSS property" and the following result appears:

    The position:fixed CSS property doesn't get used much because IE for Windows (through version 6) still doesn't support this very useful behavior.

    Any advice please?

  7. #6
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    You mean you want it to work in all browsers? Why would you do that? I personally like to gamble with what my users are going to see.

    lol.

    The thing about IE bugs is that sometimes you can use them for good instead of evil. This is one such case.

    More information: http://www.cssplay.co.uk/layouts/fixed.html

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
  •