4 May 2005
This is a live redesign.
It wasn't going to be a live redesign, but then I started fiddling with it after midnight, and now it's the wee smalls and I'm going demented.
This is what happens when I try to fix something that's only a little bit broke.
Lyle, this is your fault.
Hi Pix,
Live redesigns are the way forward, I tell ya! Most of my more personal redesigns seem to turn out that way.
A couple of suggestions if I may? I love the vertical book-spine navigation, but you could do better by making its width elastic (use ems?) and then the navigation won't disappear when text is resized. The pixeldiva image could then be centred within that block.
I was going to suggest some sort of centre alignment for the site, but I'm not so sure now. :D
Pix, when it comes to "content first", so long as you're using absolute positioning for the various page elements, all it means is you do it arse-about-face in the code.
So your page code would read something like (I'll use [ instead of
[head][/head]
[body]
[div id="content"]blah blah[/div]
[div id="navigation"]nav stuff[/div]
[div id="headerimg"]pretty picture[/div]
[/body]
If that doesn't make it clear, have a look at the source code on d4d™ which'll make it (slightly) more obvious.
Oh, I know how to do it, and it was working perfectly in Firefox and IE6.
Except that I did something and it made all the content disappear in IE6, although it was all still there if you removed the CSS, and it still worked perfectly in FF and I couldn't be arsed staying up any longer to figure out what was wrong.
Which is what I get for starting fiddling with it after midnight.
You could use the floats with negative margins approach, but it would add an extra div or two.
Ahhh yer trying to get the content first?
Yup it can be a pain - however (and I can't recall WHERE) I did find a CSS site offering just that, I'm sure Google will divulge it once more. "Content first CSS layout" maybe?
... the online home and (not very) alter(ed)-ego of Ann McMeekin, a recently freelance Web Accessibility Consultant.
... passionate about many things, most of which will turn up on this site at some time or other.
... contactable via email.
Design and content copyright 2000-2007 pixeldiva, except where noted.
Copyright of comments remains with the individual author.
All rights reserved.
Left comments