Page 1 of 2 12 LastLast
Results 1 to 10 of 14

Thread: Help with iframes positioned beneath slideshow.

  1. #1
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help with iframes positioned beneath slideshow.

    I need 2 iframes that are sitting side by side to be beneath my slideshow header but I can't seem to manage it.

    My home page shows where the z-index is working with the static header image.

    The test page shows where the same z-index is not working with the slideshow.

    Any help is greatly appreciated please.

  2. #2
    Join Date
    Jul 2008
    Posts
    138
    Thanks
    13
    Thanked 1 Time in 1 Post

    Default

    try something like

    <iframe id="frame1" name="frame1" src="social.html" style="float:left; margin-top:-20px;"...

  3. #3
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I use an external css file so how will that coding look in the css file?

  4. #4
    Join Date
    Jul 2008
    Posts
    138
    Thanks
    13
    Thanked 1 Time in 1 Post

    Default

    You can do it with an inline style by adding to what you currently have margin-top:-20px;

  5. #5
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yes I understand that, I just like a clean html page and the ability to change all pages via the css file . Before I posted here, this is what I have in my css file for the 2 iframes:

    #frame1 { width:330px; height:680px; z-index:0; position:absolute; top:242px; float:left; overflow:auto; border:none; }
    #frame2 { width:970px; height:680px; z-index:0; position:relative; top:0px; float:left; overflow:auto; border:none; }

    If I remember rightly, they are the same in both the site's active css file and in the test css file. As you can see I don't want any conflict.

  6. #6
    Join Date
    Jul 2008
    Posts
    138
    Thanks
    13
    Thanked 1 Time in 1 Post

    Default

    You can just add the negative margin to your css file then.

    Or...
    You could make the css match the page that works...this is the code from the page that works and the top:221px is different from the other css
    Code:
    #frame1 { width:330px; height:680px; z-index:0; position:absolute; top:221px; float:left; overflow:auto; border:none; }
    #frame2 { width:670px; height:680px; z-index:0; position:relative; top:101px; float:left; overflow:auto; border:none; }
    You have top:242px; in the css file that doesn't work.

  7. #7
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    As for the top... yeah I know. For some reason I just can't get frame2 to line up correctly in the test directory. I would have thought that the top positioning for frame2 would be the same as frame1 but it ended up lower. After changing frame2 from 221 to 101 it aligned. But in the test, it doesn't want to no matter what I have it set to. But I haven't tried the negative positioning so I'll try that.

    Ahhh... I finally see what you mean. Yeah, after adding in the slideshow, I had to adjust the top positioning to get it right. Now it's just getting the frames to sit underneath the slideshow that I need to achieve .

    I'll give your suggestion a try since, so far, nothing is working. I'll post my results later

  8. #8
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Okay, test directory has been updated. Thank you so much for helping me get frame2 in line with frame1.

    Now, I just need help in having the slideshow sit on top of the overlapping iframes instead of under it. Any suggestions?

    I did respond to your post above but it didn't post for some reason. Anyway... Yes, the top positioning turned out different after I added the slideshow. I forgot about that, sorry. And now, with the update to the test directory, they are different again.

  9. #9
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Moderator's note: we have an automated spam filter that does a good job keeping the forum protected from spam-- but once in a while it catches a legitimate message. In that case one of us will approve it as soon as we see it.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  10. #10
    Join Date
    Jun 2014
    Location
    Brisbane Queensland Australia
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks djr33. Being new here, it's taking me a bit to work out how all that is working when I post

Similar Threads

  1. Drop down menu hidden beneath IE6 select box
    By MyMagicalPants in forum Bug reports
    Replies: 1
    Last Post: 02-25-2008, 11:49 AM
  2. Suckertree Vertical Menu - content being pushed beneath menu?
    By EricaC in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-10-2008, 09:47 PM
  3. Target iframes in 'Ultimate Fade-in slideshow V1.5'
    By collide007 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 06-06-2007, 02:23 AM
  4. horizontal menu drops beneath forms
    By mjunior in forum CSS
    Replies: 4
    Last Post: 01-08-2007, 07:12 PM
  5. Chrome menu need to remove space beneath
    By Dibble in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 06-30-2006, 05:08 AM

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
  •