More website stuff

[eldar]

Having nailed most of the content yesterday, today I've been playing with style sheets and making it look prettier. I'll admit I prefer the look in Firefox to the one in IE, but that's bias for you. Here's the link. Any comments and suggestions are welcome.

Comments

[mooism.livejournal.com]

The main body text drifts off the right hand side of the window. For some reason there’s no scroll bar, so I can’t scroll to see it. I wonder how you’ve managed that?

Link colours: Orange for unvisited links and blue for visited links. Or is it the other way round? If they were, say, a lighter blue and a darker blue, or a brighter orange and a duller orange, this wouldn’t be a problem.

Yes, you must have better photos to use.

Links to pictures of Alexis and Zoe open in a new window, but all other links open in the same window. This is inconsistant. Ideally everything would open in the same window.

Apart from that, it is pretty and I like the look of it.

I’m using Safari.

[mooism.livejournal.com]

I’m looking at your stylesheet.

Ah, you’re using a fixed-pixel width which would fit in my window, but then you use position:relative, so part of it is outside.

Try setting margins instead of setting the position?

Use ems instead of pixels?

Your .divH1, .divH2, .divH3 shouldn’t be necessary, you should be able to apply the styles directly to the H1, H2, H3.

I see you’re trying to set the unvisited link colour to red; don’t know why that’s not showing up for me, even though the orange for visited and yellow for hover are. Maybe it should be lower case? Weird.

[eldar.livejournal.com]

Okay, now re-designed, better colours, default link colours, and slightly better use of block positioning (I think).

[mooism.livejournal.com]

Main body text still drifts off the right hand side of the window a little, but at least I can scroll to read it now.

[arosoff.livejournal.com]

It looks OK on Safari here.... nothing particularly strange that I can see. Which version do you have?

[mooism.livejournal.com]

I have Safari 1.3.1 (v312.3.3) on Mac OS X 10.3.9.

[arosoff.livejournal.com]

Right, I'm using 2.0.2 on 10.4.3, so it's been improved since. Although there still are problems with block positioning IIRC; I know when one LJ community changed its layout recently, all the layers were superimposed and the Safari users couldn't read a thing.

I can lend you my Tiger DVD if your machine can support it :-)

[eldar.livejournal.com]

I didn't think H1, H2, H3 could take block-positioning style, but then I probably wasn't looking hard enough. Or just looking at CSS 1, not CSS 2.

I'll look at margins for positioning.

As for Safari - Alexis hasn't looked at the pages yet, and I don't have it on my PC :-)