473,555 Members | 2,307 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Browser check needed please!

A new project:

http://step-by-step.org.uk/

Don't worry about the links yet, the content hasn't been written. I'm
just interested in the introduction screen, which is my first attempt at
an absolutely-positioned layout.

I'd like to know whether this works well in all browsers. It *should*
look like this in a modern, standards-supporting browser:

http://tranchant.plus.com/tmp/scr (scaled down)

That layout should work in IE5+ including IE5/Mac and all Gecko, at
least. Ancient browsers should get a text alternative.

1) Could an IE5/Mac user please confirm that the crayons display
correctly, on a transparent background with the shadow darkening the
white and two greys in their background?

2) Opera, Konqueror, Safari users (and anyone else I've missed): please
confirm you get either the layout I intended or the plain text
alternative. I don't want any ugly boxes anywhere.

3) Any suggestions or comments?

Thanks!

--
Mark.
http://tranchant.plus.com/

Jul 20 '05 #1
23 2370
Els
Mark Tranchant wrote:
A new project:

http://step-by-step.org.uk/

Don't worry about the links yet, the content hasn't been
written. I'm just interested in the introduction screen,
which is my first attempt at an absolutely-positioned
layout.
Just this paragraph made me go "oh no!", but then I clicked
the link. Very nice!
I'd like to know whether this works well in all browsers.
It *should* look like this in a modern,
standards-supporting browser:

http://tranchant.plus.com/tmp/scr (scaled down)
Only if the window is large enough ;-)
In any Gecko:
http://locusmeus.com/html-css/pageslipping.html
That layout should work in IE5+ including IE5/Mac and all
Gecko, at least. Ancient browsers should get a text
alternative.
In Netscape 4: text, with the crayons image below the menu.
Degraded nicely. I know you only asked for that first page,
but In NN4.79, the location and about pages don't do what you
want, as the menu doesn't go all the way to the right, it
covers the the title and part of the text.

IE3 doesn't show the crayons :-P
1) Could an IE5/Mac user please confirm that the crayons
display correctly, on a transparent background with the
shadow darkening the white and two greys in their
background?
IE5.01 and 5.5 on WinXP: no crayons, no dotted underline of
the menu items, not centered.
http://locusmeus.com/html-css/centeringpage.html
2) Opera, Konqueror, Safari users (and anyone else I've
missed): please confirm you get either the layout I
intended or the plain text alternative. I don't want any
ugly boxes anywhere.
Opera 6.06 and 7.51 show it correctly.
3) Any suggestions or comments?


I like it :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Something Happens - Parachute
Jul 20 '05 #2
Mark Tranchant <ma**@tranchant .plus.com> wrote in news:Z6rLc.4681 $Fc7.867711
@stones.force9. net:
2) Opera, Konqueror, Safari users (and anyone else I've missed): please
confirm you get either the layout I intended or the plain text
alternative. I don't want any ugly boxes anywhere.


Just checked in Opera 7.52 for Windows - it looks just like you wanted it to
:)

--
Time flies like an arrow; fruit flies like a banana.
Jul 20 '05 #3
Els wrote:
Mark Tranchant wrote:
http://step-by-step.org.uk/

Don't worry about the links yet, the content hasn't been
written. I'm just interested in the introduction screen,
which is my first attempt at an absolutely-positioned
layout.


Just this paragraph made me go "oh no!", but then I clicked
the link. Very nice!


Thanks. I do listen to you guys, you know!
http://locusmeus.com/html-css/pageslipping.html
Right. I'll look into that.
IE5.01 and 5.5 on WinXP: no crayons,
Gak! That's annoying. Any ideas why? The crayon <div> contains the
crayon image as an <img> for IE5/Mac only, and has it set as a
background for others. I use the horrible filter plugin thingy to get
the transparency working on IE5+/Win, and it works fine here on IE6.
no dotted underline of
the menu items, not centered.
http://locusmeus.com/html-css/centeringpage.html


I'll look into that as well. Note that your "centered in IE5 only" page
is centred in Firefox 0.9.2/Win2K here...

Thanks for your help and suggestions.

--
Mark.
Jul 20 '05 #4
Els
Mark Tranchant wrote:
Els wrote:
Mark Tranchant wrote:

http://step-by-step.org.uk/


IE5.01 and 5.5 on WinXP: no crayons,


Gak! That's annoying. Any ideas why? The crayon <div>
contains the crayon image as an <img> for IE5/Mac only, and
has it set as a background for others. I use the horrible
filter plugin thingy to get the transparency working on
IE5+/Win, and it works fine here on IE6.


Works on IE6 here too.
Don't know.. I have no clue about that "filter plugin thingy".
Maybe the <img> is covering the background?
no dotted underline of
the menu items, not centered.
http://locusmeus.com/html-css/centeringpage.html


I'll look into that as well. Note that your "centered in
IE5 only" page is centred in Firefox 0.9.2/Win2K here...


Huh?
It isn't in my Firefox 0.8 on WinXP. I'll download 0.9.2 too
see what happens. What about the centered in anything but IE,
that one isn't on the left in your Firefox, is it? And the
'centered everywhere' one?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Strawberry Switchblade - Since Yesterday
Jul 20 '05 #5
Els wrote:
Mark Tranchant wrote:

http://step-by-step.org.uk/

IE5.01 and 5.5 on WinXP: no crayons,


Gak! That's annoying. Any ideas why? The crayon <div>
contains the crayon image as an <img> for IE5/Mac only, and
has it set as a background for others. I use the horrible
filter plugin thingy to get the transparency working on
IE5+/Win, and it works fine here on IE6.

Works on IE6 here too.
Don't know.. I have no clue about that "filter plugin thingy".
Maybe the <img> is covering the background?


Described here: http://www.alistapart.com/articles/pngopacity/
Turns out to be IE5.5+ only. Not the end of the world if older browsers
are crayon-less.
http://locusmeus.com/html-css/centeringpage.html


I'll look into that as well. Note that your "centered in
IE5 only" page is centred in Firefox 0.9.2/Win2K here...


Huh?
It isn't in my Firefox 0.8 on WinXP. I'll download 0.9.2 too
see what happens. What about the centered in anything but IE,
that one isn't on the left in your Firefox, is it? And the
'centered everywhere' one?


No, my apologies. I had too many browsers open, and was looking at it in
IE6 by mistake, where it is centred.

However, I don't see the slipping problem with Firefox 0.9.2: the
scrollbars always allow me to reach any part of the page.

--
Mark.
Jul 20 '05 #6
Els
Mark Tranchant wrote:
>http://step-by-step.org.uk/

IE5.01 and 5.5 on WinXP: no crayons,

Gak! That's annoying. Any ideas why? The crayon <div>
contains the crayon image as an <img> for IE5/Mac only,
and has it set as a background for others. I use the
horrible filter plugin thingy to get the transparency
working on IE5+/Win, and it works fine here on IE6.
Works on IE6 here too.
Don't know.. I have no clue about that "filter plugin
thingy". Maybe the <img> is covering the background?


Described here:
http://www.alistapart.com/articles/pngopacity/ Turns out to
be IE5.5+ only. Not the end of the world if older browsers
are crayon-less.


IE5.5+ shouldn't include 5.5? There are no crayons in 5.5...
http://locusmeus.com/html-css/centeringpage.html

I'll look into that as well. Note that your "centered in
IE5 only" page is centred in Firefox 0.9.2/Win2K here...


Huh?
It isn't in my Firefox 0.8 on WinXP. I'll download 0.9.2
too see what happens. What about the centered in anything
but IE, that one isn't on the left in your Firefox, is it?
And the 'centered everywhere' one?


No, my apologies. I had too many browsers open, and was
looking at it in IE6 by mistake, where it is centred.


Pfew! I already had the text altered when someone pointed out
IE5 on Mac was behaving correctly. Glad I don't have to revise
it again :-)
However, I don't see the slipping problem with Firefox
0.9.2: the scrollbars always allow me to reach any part of
the page.


If you set your window to less than the content's width, you
can scroll to the left? Or does the page stop at the left
border of the window? In that case, FF0.9 would be the first
Gecko to do that...

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 20 '05 #7
Els wrote:
Mark Tranchant wrote:

>>http://step-by-step.org.uk/
>
>IE5.01 and 5.5 on WinXP: no crayons,

Gak! That's annoying. Any ideas why? The crayon <div>
contains the crayon image as an <img> for IE5/Mac only,
and has it set as a background for others. I use the
horrible filter plugin thingy to get the transparency
working on IE5+/Win, and it works fine here on IE6.

Works on IE6 here too.
Don't know.. I have no clue about that "filter plugin
thingy". Maybe the <img> is covering the background?


Described here:
http://www.alistapart.com/articles/pngopacity/ Turns out to
be IE5.5+ only. Not the end of the world if older browsers
are crayon-less.


IE5.5+ shouldn't include 5.5? There are no crayons in 5.5...


I think it should include 5.5, and am mildly peeved to hear that it
doesn't work.
However, I don't see the slipping problem with Firefox
0.9.2: the scrollbars always allow me to reach any part of
the page.


If you set your window to less than the content's width, you
can scroll to the left? Or does the page stop at the left
border of the window? In that case, FF0.9 would be the first
Gecko to do that...


The former:

http://tranchant.plus.com/tmp/scroll

--
Mark.
Jul 20 '05 #8
Els
Mark Tranchant wrote:
Described here:
http://www.alistapart.com/articles/pngopacity/ Turns out
to be IE5.5+ only. Not the end of the world if older
browsers are crayon-less.


IE5.5+ shouldn't include 5.5? There are no crayons in
5.5...


I think it should include 5.5, and am mildly peeved to hear
that it doesn't work.


Mildly peeved? You must have a different character than I have
<g>
However, I don't see the slipping problem with Firefox
0.9.2: the scrollbars always allow me to reach any part of
the page.


If you set your window to less than the content's width,
you can scroll to the left? Or does the page stop at the
left border of the window? In that case, FF0.9 would be
the first Gecko to do that...


The former:

http://tranchant.plus.com/tmp/scroll


Which indicates the latter, but that's nitpicking.
I just downloaded 0.9.2, and indeed, it's not a Win2000 thing,
but a Firefox 0.9.2 thing. I'll have to adjust my pageslipping
page: All Gecko's but the latest Firefox, version 0.9.2....

Can't these browsers just stick to their problems? ;-)

But you'll still have to make some change in the code for all
the other Gecko's, as per this printscreen from Firebird:
http://locusmeus.com/temp/step-by-step.jpg
That's what it looked like in Firefox 0.8 too.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 20 '05 #9
Els
Mark Tranchant wrote:
Don't know.. I have no clue about that "filter plugin
thingy". Maybe the <img> is covering the background?


Described here:
http://www.alistapart.com/articles/pngopacity/ Turns out to
be IE5.5+ only. Not the end of the world if older browsers
are crayon-less.


One more thing I can think of why it doesn't work in IE5.5:
You state the CSS for IE5 as /css/ie
Maybe IE doesn't take that for a CSS file for some reason?
Would it perhaps work if you gave it the .css extension?

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 20 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
5438
by: Dave Smithz | last post by:
Hi There, I have a PHP script that sends an email with attachment and works great when provided the path to the file to send. However this file needs to be on the same server as the script. I want to develop a webpage where people can send attachments that are stored on their local PC.
20
3262
by: msa | last post by:
Hi there, First off, let me say that I know that launching to full screen is a bad idea. I would never do it given the choice, but I must follow orders from my boss, the boss that desparately wants a desktop application made out of Internet technologies. We're writing an application that has JavaScript enabled as a client machine...
17
2529
by: lawrence | last post by:
How is it possible that the question "How do I detect which browser the user has" is missing from this FAQ: http://www.faqts.com/knowledge_base/index.phtml/fid/125 and is only here on this with a link to old information that suggests use of "navigator": http://developer.irt.org/script/43.htm
7
5650
by: milkyway | last post by:
Hello to all ;-) I am using the Visual Studio 2005 .NET framework. Basically, I have file that is served up as an HTML file on the client side (generated from a .aspx file). But - the HTML file is using javascript to implement a button click (on the client side). Ex: <INPUT onclick="alert('about to start'); process_table('FrmX1',
5
1537
by: Ajay Kumar | last post by:
I have developed an asp.net application in 2.0 . I need this web page to have same look and feel in all the browser like IE, mozila , firefox etc. Please suggest me how to proceed.
15
1965
by: tshad | last post by:
I was looking for a way to handle refreshes (user pressed refresh button) and found a piece of code to check if a Web page was refreshed but I can't get it to work. The code is: ************************************************************ Namespace StevenBey.Web.UI Public Class Page Inherits System.Web.UI.Page
22
2276
by: petermichaux | last post by:
Hi, I would like to display a message to Internet Explorer clients to encorage them to get Firefox. Yes they may like Internet Explorer but it is my site :) http://www.explorerdestroyer.com/ uses navigator.userAgent If ((ua.indexOf('msie') != -1) && (ua.indexOf('opera') == -1) &&
24
2412
by: FAQ server | last post by:
----------------------------------------------------------------------- FAQ Topic - How can I see in javascript if a web browser accepts cookies? ----------------------------------------------------------------------- Writing a cookie, reading it back and checking if it's the same. http://www.w3schools.com/js/js_cookies.asp Additional...
10
3243
by: Conrad Lender | last post by:
In a recent thread in this group, I said that in some cases object detection and feature tests weren't sufficient in the development of cross-browser applications, and that there were situations where you could improve the application by detecting the browser vendor/version. Some of the posters here disagreed. Since then, I've had to deal with...
0
7622
marktang
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7825
Oralloy
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
7904
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
6176
agi2029
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5452
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
3575
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2037
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1159
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
865
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.