Autogeneration of EXIF content page

Question

I've just received my first book generated through iPhoto 6 and I have to say I am extremely pleased with how it has turned out. Very nice work, whoever does the printing for Apple.
Anyway, I showed it around to a number of friends and the same question was repeatedly asked: where're all the technical details? They wanted to see apertures, shutter speeds, camera type and all the other data that typically gets buried away in the EXIF data component. I can't find a way of automatically generating that data within any of the book styles, and it's going to be a royal pain to try to do manually. Any suggestions?

Answer 1

You have used many absolutely-positioned divs, which are hard to control and don't appear to be called for. I would recommend changing them to relatively-positioned divs.
I noticed a number of divs that were overlapping...perhaps intentionally, perhaps not.
Why do you have a mainbody div if you open and close it without putting any content in it? 3000px is pretty wide, though, for any screen...you will end up with horizontal scrolling.
Why are you allowing your fonts to be dictated by a "horizontal_nav_skin_l" div? You can make semi-universal font declarations by doing something like this at the top of your styles (mine is probably redundant, but you get the idea...put it on the body of the page, not only individual divs):
html, body, h1, h2, h3, h4, p {font-family: Arial, Helvetica, sans-serif;}
You should try to simplify your CSS styles. You have many divs with very nearly the same definition. I would make a group definition, then call out only the things that change, as:
#Home, #Meet_Our_Journalist, #Contribute_Articles, #About_Us {
     position:relative;
     width:150px;
     z-index:100;
     top: -105px;
     left: 5px;
     height: 30px;
#Meet_Our_Journalist {
     width:310px;
     left: 220px;
     top: -75px;
#Contribute_Articles {
     width:300px;
     left: 520px;
     top: -47px;
#About_Us {
     width:200px;
     left: 850px;
     top: -15px;
etc.
When you have cleaned up your code a bit, you might want to run it through the w3c validators. You can use them without having your pages on a server: http://www.w3.org/QA/Tools/
Beth