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 :)
3  1690 
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
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/
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. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Matthew Ferri |
last post by:
Hi,
Summary:
I'm a newbie to FrontPage and IIS.
I have a simple issue that I believe may be a
configuration setting somewhere.
If there is a KB article, I just cannot find it.
|
by: Jeff Johnson |
last post by:
I'm using forms authentication to protect a subfolder within my site. I've
got it working fine except for two issues:
(1) When I do a RedirectFromLogin page I have to put a cookie path ("/"...
|
by: Logickle |
last post by:
Hi, all. I'm working on an application which requires communicating
session info between separate web apps running on the same web server.
The out of process server method sounded ideal, and...
|
by: HydroSan |
last post by:
Having a bit of a problem getting UPDATE working. The project in
question is a simple MySQL VB.NET frontend, allowing Insertion,
Selection, and others.
Well, I've gotten Drop and Insert working,...
|
by: Pipo |
last post by:
The problem:
I create a very simple custom control:
public class cLabel : System.Web.UI.WebControls.Label { }
I place the cLabel in a user control.
When I place the user control on a page...
|
by: sp |
last post by:
The application is written in Visual Basic / .NET and working without
problems under Windows XP, Windows 2000, Windows 2003 but it isn't
working under Windows ME and Windows 98 - the computer...
|
by: kigoobe |
last post by:
I am having a very weird issue here, a simple form submit not working. Trying for several hours now ... must be something stupid ... help appreciated.
First, the html -
<form id="formFinale"...
|
by: George2 |
last post by:
Hello everyone,
Sorry that this question is related to another question I posted some time before because I have some new findings and self-analysis.
My question is why sometimes from perfmon...
|
by: PrabodhanP |
last post by:
I have CSS based mouseover scrolling for divContent embeded in my webpage.It works fine in IE,but not working in mozilla-FF.
It is located at the location.....
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| |
