By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,395 Members | 1,882 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,395 IT Pros & Developers. It's quick & easy.

Working on simple CSS

P: n/a
Hi,

I'm working over my site to include simple CSS. 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.
Now that I noticed it, it also seems that Opera does same kind of
indentation on Jukka Korpela's site, which I though was the result of his
CSS. This is thus probably some Opera feature, just don't know what.

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.
--
Btw Jukka at least <http://www.cs.tut.fi/~jkorpela/styles/layout.html> does
not validate :)
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Akseli Mäki wrote:
I'm working over my site to include simple CSS. 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.
The example you used from Jukka's site seems old and not particularly
good.

I'd suggest another source if you want to copy & paste a CSS layout for
your own site, there are many, try this one: http://www.css.nu/
Now that I noticed it, it also seems that Opera does same kind of
indentation on Jukka Korpela's site, which I though was the result of his
CSS. This is thus probably some Opera feature, just don't know what.


Opera uses a default padding on the <body> element.

--
Spartanicus
Jul 20 '05 #2

P: n/a
Akseli Mäki <ne********@akseli-yok.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/
Jul 20 '05 #3

P: n/a
Jukka K. Korpela wrote:

Hi,
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.

Strange. When I noticed it, the text didn't cover the whole screen as seen
from the picture. Now that I tried it again, the text covers the whole
screen.
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.

Thanks I've changed that a bit.



Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.