Jump to content


Photo

Resizable Element


  • Please log in to reply
4 replies to this topic

#1 mostafatalebi

mostafatalebi

    Advanced Member

  • Members
  • PipPipPip
  • 199 posts

Posted 30 November 2012 - 06:53 AM

Hello everybody
I am designing a website that is planned to use all the available monitor space. many people are still using 768*1024 which is a headache. My site is in PHP, and I have segmented it. How I can make my top menu bar to resize according to user monitor?

Thanks
Visual Effects Programming

Autodesk Maya, Autodesk Mudbox, Nvidia Mental Images Mental Ray, Adobe Photoshop, Adobe Illustrator, Adobe After Effects, CorelDraw

#2 Adam

Adam

    Advanced Member

  • Gurus
  • 5,701 posts
  • LocationSheffield / UK

Posted 30 November 2012 - 09:00 AM

How exactly do you want it to resize? You need to be a little more specific - a screenshot or link would help a lot.

#3 mostafatalebi

mostafatalebi

    Advanced Member

  • Members
  • PipPipPip
  • 199 posts

Posted 30 November 2012 - 12:47 PM

Let me say that I have a full-width bar with the height of 200px. A login form is exactly on the rightmost region of the bar. Naturally when a user with size of 1024*768 enters the site, due to the fact that design is originally done for high-res monitors, the login form would be off-screen and the user has to scroll rightward in order to see the form, which is indeed awkward. I need a script to handle this change, when a user enters the website with 1024*768 screen, the screen move the login form some distance leftward so it gets placed exactly on the rightmost of the screen again.
look at this website:

http://forum.majidonline.com
(the language is persian so just pay attention to the topmost fixed full-width bar.)
Visual Effects Programming

Autodesk Maya, Autodesk Mudbox, Nvidia Mental Images Mental Ray, Adobe Photoshop, Adobe Illustrator, Adobe After Effects, CorelDraw

#4 mostafatalebi

mostafatalebi

    Advanced Member

  • Members
  • PipPipPip
  • 199 posts

Posted 01 December 2012 - 09:52 AM

isn't there anybody to answer me! :(
Visual Effects Programming

Autodesk Maya, Autodesk Mudbox, Nvidia Mental Images Mental Ray, Adobe Photoshop, Adobe Illustrator, Adobe After Effects, CorelDraw

#5 Adam

Adam

    Advanced Member

  • Gurus
  • 5,701 posts
  • LocationSheffield / UK

Posted 01 December 2012 - 03:00 PM

Sounds like you're approaching this the wrong way round; you need to change the styles so that the website is by default fit for 1024x768, but then allowed to stretch for larger monitors. Generally this can be done by specifying a min-width instead of a width, however I can't say on what elements because you're not posting your mark-up.

There isn't really a 'one size fits all' solution to this, because it's not just the header wrapper that needs to grow, but you have to consider every single individual element within the header wrapper as well. Again though, we need to see what you have in your header to know what you need to do.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com