Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question White Space Around Images When Full-Sized Images Loaded into Frame

    I am putting together a site, and the photo gallery page consists of frames. I have one frame on the left (nav bar with linked thumbnail images), a frame on the top (title frame) and a main frame to load the content (full sized images).

    All of my links are working well and loading into the target frame. However, when the full sized image loads, it has white space all around it. It is a problem, because the background of the page is black. I've tried adjusting the margins, which solves the problem on the top, left and bottom...but a large amount of white space still remains on the right. Also, I would like to have each image centered when loaded into the target frame.

    I have tried everything. Any advice would be great. Also, if you need to see my code please let me know.

    THANK YOU!
    Attached Images Attached Images
    Last edited by flashlightbulb; 05-07-2006 at 06:50 PM.

  • #2
    New to the CF scene
    Join Date
    May 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Does it appear differently in firefox from IE? IE has a lot of problems with these kind of issues with CSS, playing around with margins and float and a few others can usually render a cross browser compatible solution.

  • #3
    New to the CF scene
    Join Date
    May 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It looks basically the same in FF, except my top frame doesn't display correctly in FF. I posted an example of how it looks in IE.
    Last edited by flashlightbulb; 05-07-2006 at 06:58 PM.

  • #4
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,315
    Thanks
    29
    Thanked 279 Times in 273 Posts
    It sounds like the problem is because the default user background is white. Your best bet is to either put each image on its own page with a black background or to call each image with JavaScript or something similarly dynamic.

    If it's an iframe, it might be possible to just set the frame opacity to zero so the background shows through but I don't know if it's possible to keep child elements from inheriting opacity.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •