Re: Working on simple CSS

Akseli Mäki <newsgroups (AT) akseli-yok (DOT) utu.fi> wrote:

I'm working over my site to include simple CSS.

"Simple CSS" is relative. I would say that fonts and borders are
simple, the rest is complicated, especially due to the complexity of
the box model and the deficiencies of its implementation.

I've now noticed,
that the pages look totally different on Opera than compared to
Mozilla and IE. <http://akseli-yok.utu.fi:993/pictures/opera.png
is how it looks on Opera.

I guess this means http://akseli-yok.utu.fi:993/ as rendered by some
versio of Opera. On my Opera 7.11, it looks pretty much the same as on
Netscape 7.1, which is much the same as in your screen shot. That is, I
don't quite see the difference.

If you mean the navigation menu, I think its width should just be a
little larger, to cover the variation between different width
requirements of different fonts and other factors.

Now the thing is, I like the Opera version better. Is it possible
to indent the text with CSS? Of course I want it so, that on large
screen the right margin would be bigger, than on small screen. So
that the page would look nice on any screen, regardless of
resolution.

I guess you mean the effect of max-width - which I think can be seen in
the screenshot but not on your page. I presume you have changed
something. Anyway, setting max-width for body helps users who are
surfing in fullscreen mode and would otherwise see the text extend from
left to right. But this is somewhat debatable. Some people have
commented that they _want_ the text run across the screen when they
browse around a page in fullscreen mode so that they can see as much as
possible, and then they the narrow the window when the find something
that they actually want to read.

--
Yucca, http://www.cs.tut.fi/~jkorpela/