Re: Question About Positioning Behavior

by "Rajnish Bhaskar" <r.bhaskar(at)compserv.gla.ac.uk>

 Date:  Wed, 07 Aug 2002 09:40:31 +0100
 To:  "R B" <rbaggs(at)hotmail.com>
 Cc:  hwg-critique(at)hwg.org
 In-Reply-To:  hotmail
  todo: View Thread, Original
Hi RB,

>     My site www.impressionsofyesterday.com gets chopped off when
>     viewed with 
> smaller screen size. 

This is because you're using absolute positioning for everything, 
rather than allowing the page to resize as necessary.

Try looking at http://www.alistapart.com/stories/journey/ , 
http://www.alistapart.com/stories/practicalcss/ and 	
http://bluerobot.com/web/layouts/ for examples of good CSS.  Read the 
code and try and understand how it works.  If you need help, post to 
the hwg-basics or styles lists.

Also, you're using divs with IDs everywhere where you should be using 
normal tags.  Eg, instead of <div id="h1">...</div>, you should use 
<h1>...</h1> and define in your stylesheet:

h1 {...}

The same applies to all the other HTML tags that you've rendered as 
IDs.

On a purely design note, I find the letter spacing on the front page 
hard to read.  This may be okay for the headline, but for the smaller 
text and the links, this is, IMO, a bad idea. 

HTH,
Raj.
-- 
Rajnish Bhaskar
r.bhaskar(at)compserv.gla.ac.uk, http://lordofthemoon.com
IT Education Unit, University of Glasgow
http://www.iteu.gla.ac.uk/
--
Help to save the world's rainforests:
http://www.therainforestsite.com and
http://rainforest.care2.com

HTML: hwg-critique mailing list archives, maintained by Webmaster @ IWA

This page is part of a preserved archive of archives.hwg.org. The site is no longer active and its content is not maintained. For enquiries about this archive, write to archive(at)iwanet.org.