JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 
Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
  #1  
Old July 30th, 2006, 06:22 AM
shrry8 shrry8 is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Aug 2003
Posts: 32 shrry8 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 h 43 m 37 sec
Reputation Power: 5
Urgent !!! Resolution / Design

Hey,

Can anybody tell me how can i make my webpage same for all resolutions means i have a Web Interface designed in Fireworks which have a canvas size of 800x600. I want my Design to be fit for all higher resolutions means on 1152 Resolution it will show my Webpage header and footers on that resolution not on 800x600 resolution.

how can i do this in Javascript....
or there is anyother solution other than javascript do tell me

Reply With Quote
  #2  
Old July 30th, 2006, 04:18 PM
Mittineague's Avatar
Mittineague Mittineague is offline
Contributing User
Dev Articles Novice (500 - 999 posts)
 
Join Date: Jul 2005
Location: West Springfield, Massachusetts
Posts: 540 Mittineague User rank is Private First Class (20 - 50 Reputation Level)Mittineague User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Week 1 Day 1 h 41 m 16 sec
Reputation Power: 3
muti res styling

Getting pages to look the same at all resolutions and viewport sizes is IMHO impossible. But you should be able to get them acceptably similar.
A big help is avoiding the use of absolute dimensions whenever possible. eg. instead of div width="495px" use width="70%".
Images can be a bit tricky. One technique I like is to have an X-repeating image to fill in after the header logo. eg. if the logo is like
OOX
XOX
XXO
use a repeating
X
X
O
so at wider views it looks like
OOXXXXXX
XOXXXXXX
XXOOOOOO

Reply With Quote
  #3  
Old July 31st, 2006, 08:32 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,890 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 4 m 48 sec
Reputation Power: 8
Mittineague, you lost me at tic tac toe... =)
__________________
Daryl's Homepage | My Blogroll | My Profile | Firefox supporter!
DevArticles Forum Moderator

"The net is a waste of time, and that's exactly what's right about it." -- William Gibson

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > Urgent !!! Resolution / Design


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway