mostafatalebi Posted November 30, 2012 Share Posted November 30, 2012 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 Quote Link to comment Share on other sites More sharing options...
Adam Posted November 30, 2012 Share Posted November 30, 2012 How exactly do you want it to resize? You need to be a little more specific - a screenshot or link would help a lot. Quote Link to comment Share on other sites More sharing options...
mostafatalebi Posted November 30, 2012 Author Share Posted November 30, 2012 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.) Quote Link to comment Share on other sites More sharing options...
mostafatalebi Posted December 1, 2012 Author Share Posted December 1, 2012 isn't there anybody to answer me! Quote Link to comment Share on other sites More sharing options...
Adam Posted December 1, 2012 Share Posted December 1, 2012 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.