#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2004
    Location
    Berlin, Germany
    Posts
    3
    Rep Power
    0

    Question text div scrolling BEHIND transparent div with text invisible?


    Hi folks,

    I am searching since quite some time for a method to replace frames on my homepage. There is only one problem left which I would like to ask you now.

    I have a simple layout with a fixed #menu div on the left and a #meta navigation div at the top. Now I would like to get the #content div to scroll with a fixed top margin or to scroll "under" the (unfortunately) transparent #meta navigation div. If the #meta div would have a solid background color, everything would be easy by using z-index but with a transparent background I'm lost. I also experienced with overlay but couldn't get it to work with different screen sizes as I only found out how to place it with pixels and not percent values. How do I do this?

    The normal framed version (which I would like to replace with an identical looking frameless version) can be seen at http://www.skyynet.de

    I'd be really glad if someone's got an idea. Target browsers (at least) IE, NN7, Mozilla 1.6, Opera7, NOT NN4.x. So far I got it to work nearly with Mozilla 1.6 :-|

    Termi

    Updated: Frameless version now online!
    Last edited by Termi; March 25th, 2004 at 06:32 PM.
  2. #2
  3. Super Moderator
    Devshed Specialist (4000 - 4499 posts)

    Join Date
    Jul 2003
    Location
    London, UK
    Posts
    4,004
    Rep Power
    2794
    "overflow:auto" combined with a set width and height will mimic an inline frame.

    For more positioning information, try some of these sites:
    http://www.positioniseverything.net/
    http://www.thenoodleincident.com/tut...son/boxes.html
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2004
    Location
    Berlin, Germany
    Posts
    3
    Rep Power
    0

    Unhappy


    Thanks for the hint but when I use overflow:auto I have to use a fixed width and height like an iframe. Thus I can't get it to work with different screen sizes comfortably. I checked your given links and though very interesting css artwork no hints for my problem.

    Any other ideas?

    Thanks,

    Termi
  6. #4
  7. what's your moniker?
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    Highland Park, NJ
    Posts
    201
    Rep Power
    15

    Lightbulb


    Originally Posted by Termi
    Thanks for the hint but when I use overflow:auto I have to use a fixed width and height like an iframe. Thus I can't get it to work with different screen sizes comfortably. I checked your given links and though very interesting css artwork no hints for my problem.

    Any other ideas?

    Thanks,

    Termi
    Why don't you work it like it's just two divs? make a header div that includes your logo and menu, then below that, have the content. Since the header wouldn't be a float, it would be in the document flow and the content wouldn't roll under it.
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2004
    Location
    Berlin, Germany
    Posts
    3
    Rep Power
    0

    Talking got it!


    Why don't you work it like it's just two divs? make a header div that includes your logo and menu, then below that, have the content. Since the header wouldn't be a float, it would be in the document flow and the content wouldn't roll under it.
    Because I wanted the navigation menu on the left to be shown permanently. I now fiddled out how to do it. Very very hard to implement and I have to do a special css for IE for all its position:fixed problems.

    Check out the result at www.skyynet.de

    Bye,

    Termi

Similar Threads

  1. DIV scroll with image scroll buttons
    By CarlosFratini in forum HTML Programming
    Replies: 5
    Last Post: May 21st, 2004, 09:58 AM
  2. Get number of lines
    By gurrutello in forum ASP Programming
    Replies: 11
    Last Post: October 14th, 2003, 01:01 PM
  3. Div position
    By CarlosFratini in forum HTML Programming
    Replies: 3
    Last Post: April 5th, 2003, 01:55 PM
  4. Multiline REGEX
    By Santos in forum PHP Development
    Replies: 4
    Last Post: December 12th, 2002, 03:59 PM
  5. Search & Replace a MySQL DB
    By Phirus in forum PHP Development
    Replies: 2
    Last Post: March 30th, 2001, 05:34 AM

IMN logo majestic logo threadwatch logo seochat tools logo