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
    Regular Coder
    Join Date
    Aug 2008
    Posts
    105
    Thanks
    9
    Thanked 0 Times in 0 Posts

    mobile design beginner needs help

    Hi Everyone,

    I have a fluid layout that expands the full width of your mobile device.

    There are 3 buttons at the bottom that I want to center the text in depending on the size of the screen.

    I want to resize the width of each link according to the ratio I've started with, could anyone please tell me the equation used to determine that? I'd appreciate it, here's the numbers:

    Total width of base design: 240px

    Div1 (far left): 62 pixels wide
    Div2 (middle): 110 pixels wide
    Div3 (far right): 68 pixels wide

    So - how can I figure out the correct width for each if I am adapting the design to 320, 480 and 800 pixels?

    Teach me how to fish instead of giving it to me and I WILL reciprocate

    Thanks,
    seth

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,677
    Thanks
    6
    Thanked 1,008 Times in 981 Posts
    Use relative units like percent.

  • #3
    Regular Coder
    Join Date
    Aug 2008
    Posts
    105
    Thanks
    9
    Thanked 0 Times in 0 Posts
    I remembered after waking up a bit -

    (62/240 * 320/1) / 240

    have a nice day

  • #4
    Regular Coder
    Join Date
    Aug 2008
    Posts
    105
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Haha you is the man.. why didn't I think of that before?

    thx Stephan


  •  

    Posting Permissions

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