Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 3 1 2 3 LastLast
Results 1 to 10 of 21
  1. #1
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    I have a positioning problem with one of my slideshows. When I align the slideshow and zoom out the on the browser it goes down. You can see for yourself at http://iztudioz.hostei.com/redesign/ Please help me fix this problem. I will attach both the html and a css file as soon as I figure out how to do it. It seems not to let me add any kind of folder. I've also tried to zip it up which didn't work.

    EDIT: I'm talking about the bottom slidshow. The "thumbnail" slideshow.

    Thank you



    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  2.  

  3. #2
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    It's because you have a div 'thumbnails' positioned absolute, with a 1055px top margin. So, it will keep on going down until it reaches that 1055px .
    Try doing: margin: 0 auto, and position: fixed; bottom: [however many pixels you want it from the bottom];

    Ninja edit: that didn't seem to work in chrome.. So nevermind, i'll keep thinkin'.
    Meta-ninja edit: Since absolute position sucks and you should never use it, I used relative position with a 'top: [howevermuchyouwant]'. seems to fix it, even with zoom
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  4. #3
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    You don't attach the code, use the code buttons on the form to "insert" the code into a post. I've only attached pictures, I've seen others attach zip files, but with security, I don't think many will open a zip file from someone they don't know.

    If you can't find the code buttons, just enter
    Code:
     [\CODE] around your code in the post.

  5. #4
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Quote Originally Posted by Webzarus, post: 220817
    You don't attach the code, use the code buttons on the form to "insert" the code into a post. I've only attached pictures, I've seen others attach zip files, but with security, I don't think many will open a zip file from someone they don't know.

    If you can't find the code buttons, just enter
    Code:
     [\CODE] around your code in the post.
    Yeah, but why go through text files when all the code is there on the site?
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  6. #5
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    Quote Originally Posted by George Dolidze, post: 220816
    It's because you have a div 'thumbnails' positioned absolute, with a 1055px top margin. So, it will keep on going down until it reaches that 1055px .
    Try doing: margin: 0 auto, and position: fixed; bottom: [however many pixels you want it from the bottom];

    Ninja edit: that didn't seem to work in chrome.. So nevermind, i'll keep thinkin'.
    Meta-ninja edit: Since absolute position sucks and you should never use it, I used relative position with a 'top: [howevermuchyouwant]'. seems to fix it, even with zoom
    ok thanks il try that. I dont get one part.

    OK so i have a div nested in a div (my slideshow is in my thumbnail div) So do I make the thumbnail div absolute and the actual slideshow relative and then do what you said above?
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  7. #6
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    Quote Originally Posted by George Dolidze, post: 220816
    It's because you have a div 'thumbnails' positioned absolute, with a 1055px top margin. So, it will keep on going down until it reaches that 1055px .
    Try doing: margin: 0 auto, and position: fixed; bottom: [however many pixels you want it from the bottom];

    Ninja edit: that didn't seem to work in chrome.. So nevermind, i'll keep thinkin'.
    Meta-ninja edit: Since absolute position sucks and you should never use it, I used relative position with a 'top: [howevermuchyouwant]'. seems to fix it, even with zoom
    I think i've noticed something key to this problem. When using zoom the whole page gets bigger or smaller but the slideshow stays the same. I think this is the key of the problem because it cant get bigger or smaller so it doesn't have anywere to go which is why its moving around every time I use zoom or a different resolution. I'm not completely sure but I think this is it. I don't think its fixable...
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  8. #7
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    well, you have width: 100% set. did you try what i told you?
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  9. #8
    WDF Staff George Dolidze's Avatar
    Join Date
    Apr 2011
    Location
    Irvine, CA
    Posts
    2,487
    Member #
    27540
    Liked
    416 times
    Quote Originally Posted by Andrew Yurlov, post: 220825
    ok thanks il try that. I dont get one part.

    OK so i have a div nested in a div (my slideshow is in my thumbnail div) So do I make the thumbnail div absolute and the actual slideshow relative and then do what you said above?
    don't make anything absolute. make the thumbnail div relative
    My freelancer website: DolidzeDesign



    You only need a parachute if you plan on skydiving twice.

  10. #9
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    Quote Originally Posted by George Dolidze, post: 220830
    well, you have width: 100% set. did you try what i told you?
    I'l try to making it not 100% to see what happens. I don't know if it will fix it but at this point il try anything...
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  11. #10
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by Webzarus, post: 220817
    You don't attach the code, use the code buttons on the form to "insert" the code into a post. I've only attached pictures, I've seen others attach zip files, but with security, I don't think many will open a zip file from someone they don't know.

    If you can't find the code buttons, just enter
    Code:
     [\CODE] around your code in the post.
    Its fine for him to add the zip of the site for us to check out. The statement in red only applies when they are a new under 20 posts user, as Andrew is a member and has posted over 280 times it would be safe to say he wont be sending a virus to any of us.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>


Page 1 of 3 1 2 3 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:00 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com