2 replies to this topic

[enirevlow]

hi i just made my webpage in Photoshop with 1920x1986 measures looks good on my laptop but when i try to watch it on a no full HD monitor it looks a lot bigger how can i solve that, is there a way to adjust the size with Dreamweaver without going back to the Photoshop edition?

thank you

[borikenmedia]

jeje, hi. Is not that am not that big of a powersystem fan but you should stick to the native meassures of the visual reproduccion in the web that is 1024x768 unless your plannin to develop a bin file in your code for adjusting client resolution you could try an detect http_user_agent guest browser and set a theme size for each nor go straight for the server motds and load a module with .htaccess for a preset system requirement

Edited by borikenmedia, 15 April 2013 - 01:38 AM.

[DoC]

hello enirevlow, i would suggest making your design smaller to fit smaller screens. Its easier to design sites so that they can fit bigger screens, then design big sites to fit smaller screens.

 

There are also some tricks you can do in the coding to make the layout more fluid. Instead of defining the size of an element's measures in pixels, use percentages, or no width measurement at all.

 

using "100%" or "auto" when defining an element's width that doesnt have a parent, will make the object grow the the size of the screen.

 

Using repeated images is another way to help your layout fit to larger screens.

 

background-image:url('paper.gif');
background-repeat:repeat-y;

 

repeat-y - repeat horizontally

repeat-x - repeat vertically

repeat - repeat horizontally and vertically (fills the bg of the object with the repeating image)

 

combining an auto-width, and a repeated image, will keep your design looking good pretty much no matter how large or small it has to go.