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

    Join Date
    Aug 2013
    Posts
    3
    Rep Power
    0

    Please help :( (auto-resizing content to fit different screens)


    Hi, i have a big problem with my first website and hopefully u could help me out. Thank you.
    My problem is: when i design the website(by adobe muse) on a 1920x1020 screen, every object seems to be fine. But the point is that when i continue to design it on a smaller screen, those mentioned objects still remain their size which was created on the 1920x1020. As a result, all the object start to spread out of that ''smaller screen'', look so bad . I think the solution to work it out is to find some tools that can 'auto-resize' automatically every object. Can u please show me the way to fix it....
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    13
    Rep Power
    0
    why can't you specify the size of your elements using percentages?
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    3
    Rep Power
    0
    Originally Posted by mbrown3391
    why can't you specify the size of your elements using percentages?
    i tried, but it didn't work
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    13
    Rep Power
    0
    alright, well it would be helpful to see your code...
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    3
    Rep Power
    0
    Originally Posted by mbrown3391
    alright, well it would be helpful to see your code...
    Here it is:
    #navbar{
    background: #0066ff url(images/navbar.gif);
    width:100%;
    height: 100%;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #000000;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    border-top: 0px solid #000000 ;
    border-bottom: 0px solid #000000 ;
    overflow: hidden;
    }
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    13
    Rep Power
    0
    this isn't enough... I would need to see code for the whole page to know what that snippet is supposed to do.

IMN logo majestic logo threadwatch logo seochat tools logo