What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

best dimensions to set for a webpage??


R

raz

Member
Messages
23
Likes
1
just wondering what everyone uses as dimensions when designing webpages in photoshop alot of places say 1024x768 but when I use these the page does not completely fill the browser correctly
 
Hows about trying the dimensions you have tried first, but instead of trying to add it as a background to the body div, which I suspect. Why not try this html & css code.

First place the image using this html:-

HTML: 
<div id="bg">     <img src="http://www.photoshopgurus.com/forum/images/bg.jpg" alt=""> </div>

Then css is this

HTML: 
#bg {   
  position:fixed;      
top:-50%;     
 left:-50%;    
  width:200%;  
    height:200%; }

 #bg img {    
 position:absolute;      
top:0;      
left:0;     
 right:0;     
 bottom:0;     
 margin:auto;     
 min-width:50%;   
  min-height:50%; }

I would use jquery plug in though. Add some animation and shizzle.
 
Last edited:
1024x768 used to be the ideal resolution. But now due to new monitor sizes and high resolutions fluid layouts are much better as they adjust to the screen size automatically.
 
I would suggest something where the height and the width are not not too far from each other as you said this size doesn't fill the browser, the dimensions of this website are good or you can increase the width if you want to I personally prefer the width to be bigger and filling the browser
 
Back
Top