Re: Numeric character references in generated content

In article <no.email-F73D3F.08200028012009@xxxxxxxxxxxxxxxxxxxxxx>,
David Stone <no.email@xxxxxxxxxxxxxx> wrote:

In article
<NOwebmasterSPAM-6CB3EB.09223528012009@xxxxxxxxxxxxxxxxxxxxx>,
Eric Lindsay <NOwebmasterSPAM@xxxxxxxxxxxxxxx> wrote:
So I am going to have two h1, both identical, one at the top and one at
the bottom of the page.

Better would be to have two divs, one as header and one as footer.
Include your h1 page title and navigation in the header; include any
copyright info and navigation in the footer. Semantically, previous/next
are not content headings, and you should only use one level one content
heading (i.e. h1) per page.

Although traditional, I am not really seeing an urgent need for header
and footer divs. Sure, if I end up pulling the previous and next
navigation out of the h1, then a header div makes sense. However in a
diary type bog, a heading of "My Holy War Blog, January 2009" is fairly
complete in itself. I am not seeing any enormous merit in adding a div
just to help separate out minimal navigation.

The footer div makes more sense to me. I do need somewhere to put
breadcrumbs. Also, at the moment, my links to individual dates within
the month are at the bottom of the page. So that makes two navigation
areas to fit in. Plus whatever other boilerplate is needed. I am still
very uncertain where I want to go with this, which is why I am
experimenting someplace harmless like my diary.

There are lots of examples out there you can use for inspiration.
This page is based on some of them:
http://www.chem.utoronto.ca/~dstone/twocol/equal2.html

This site is probably a better example, though (I'll be adapting
my pages to use the same approach as time allows!):
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm

Thank you for the example pages. I had come across the Matthew James
Taylor pages very recently and they seemed impressive. It has been
interesting to note the number of new (to me) and recent examples of web
pages. The ones I knew of (and that still seem to appear high in Google)
often appear to be solving a very different set of problems. Far more
hacks and tricks to get around bugs.

I am trying to avoid multiple column layouts with fixed numbers of
columns. I do not show advertising, so I don't need a column for that. I
want the navigation top and bottom, rather than at one side (almost
every previous page I had done until mid 2008 had side navigation). So
essentially I end up with one column. This let me put all my headings
across the page.

However I have used a div class="article" for each article (I think that
is the only class of div in the page). This has allowed me to style the
article content as one, two or three columns, according to the width of
the display device. So an iPhone gets one column, some browsers get two
columns, and a wide display may get three columns, so as to keep a text
width of around 50-60 characters (and some major browsers do not
understand all of that yet). I specifically want to see if I can cope
with a large variation in display devices. From cell phone to 24 inch
monitor.

--
http://www.ericlindsay.com
.

Relevant Pages

  • Re: Numeric character references in generated content
    ... the bottom of the page. ... Better would be to have two divs, one as header and one as footer. ... Include your h1 page title and navigation in the header; ... then a header div makes sense. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: Footer doesnt foot
    ... I'll modify your suggestion so it has a lot of material in the content div, and see what happens to the dummy menu. ... It must always go below the wrapper, *if* the wrapper *is made* to grow height for the float. ... You might be disappointed by the background of the body element showing up underneath the navigation, ... But if you start getting fussy about exactly where the footer should be, ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: [PHP] Links hierarchy maintenance
    ... indicating the current page. ... For example left side menu and footer. ... usually called by the header. ... If something changes in navigation, ...
    (php.general)
  • Re: [PHP] Links hierarchy maintenance
    ... difficulty for the function that will display the ... I have one include for the header, one for the footer and one for the navigation, which is usually called by the header. ...
    (php.general)
  • Re: Two display problems between IE and FF
    ... the CSS, then IE shows the header correctly, but still has the ... footer clearing both other bits. ... But this doesn't look like the peekaboo bug. ... Then move the header <div> up to the top of the page, ...
    (comp.infosystems.www.authoring.stylesheets)
Loading