4.15 Screen layout
Dimensions
Learning content should be optimised to display in a screen resolution of 1024x768 pixels.
As many factors will ultimately determine the final dimensions of the available area, the following should be used as a guide.
- Where a web page contains standalone embedded objects, each object should be completely visible and operate successfully when it is display in an area of 760 x 570 pixels. This represents a 4:3 aspect ratio on a monitor with a screen resolution of 1024 x 768 pixels less header and navigation areas.
Scaling
Resources should scale to fill available space gracefully when a browser is resized. Techniques for graceful scaling include using relative rather than absolute size definitions within XHTML and use of scalable vector graphics within Flash objects.
When a standalone object does not have the ability to scale, the recommended fixed size of the object is 760 x 570 pixels. The fixed size of the learning object may be smaller but no larger than 760 x 570 pixels.
Centre standalone objects
Where a web page has a single standalone object embedded (eg SVG, Flash, Shockwave, QuickTime object) the object must be centred vertically and horizontally in the page.
See also: Techniques for styling XHTML using CSS
