Results 1 to 3 of 3

Thread: How to keep image elements visible when resizing a browser window

  1. #1
    Join Date
    Apr 2009
    Location
    Sydney, Australia
    Posts
    118
    Thanks
    16
    Thanked 1 Time in 1 Post

    Default How to keep image elements visible when resizing a browser window

    I'm having trouble trying to keep elements within a right navigation bar (nested within divs) from sliding behind the browser when i resize the browser window smaller. I can see on this "Post New Thread" window for example how div blocks positioned on the right of screen keep 100% proportion when the browser window drags across from right to left.

    How do i create the same effect in CSS or HTML for my DIVS. I don't want the images to disappear off screen.

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

  3. #3
    Join Date
    Apr 2009
    Location
    Sydney, Australia
    Posts
    118
    Thanks
    16
    Thanked 1 Time in 1 Post

    Default

    thanks, that was a very helpful tutorial. i should just use styles to {float:right;} but my CSS for the main window is geared to use percentages 0, 0, 0, 79% so the navbar's behavior is difficult to refine.

    The basic template I am having trouble with is here:

    [removed link by request]

    The problem is "forcing" the PINK navbar to remain anchored along the YELLOW navbar and to not go underneath the BLUE content area. There should be a z-index method to float the PINK navbar over the BLUE content, which I am not aware of. The PINK div is floated right and needs to keep its proportion. I hope to make it hover over the PINK content div. Does anyone know how to solve the problem?
    Last edited by Snookerman; 05-11-2010 at 08:47 AM. Reason: removed link by request

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
  •