TechWhirl (TECHWR-L) is a resource for technical writing and technical communications professionals of all experience levels and in all industries to share their experiences and acquire information.
For two decades, technical communicators have turned to TechWhirl to ask and answer questions about the always-changing world of technical communications, such as tools, skills, career paths, methodologies, and emerging industries. The TechWhirl Archives and magazine, created for, by and about technical writers, offer a wealth of knowledge to everyone with an interest in any aspect of technical communications.
Subject:RE: Color-bar behind text in browsers From:"Gordon McLean" <Gordon -dot- McLean -at- GrahamTechnology -dot- com> To:<techwr-l -at- lists -dot- techwr-l -dot- com> Date:Thu, 15 Feb 2007 07:34:19 -0000
Variety of reasons that might cause this, and all of them point to the fact
the CSS was coded to make things look good in IE5/6. From immediate memory
IE5 has issue with collapsing margins (it would ignore any margin settings
between DIVs).. But not sure that is your problem here..
Basically the image has been positioned to make it work in IE5/6 - so I'd
start by removing any MARGIN or PADDING that is applied to the element in
question, and get it working in Firefox or IE7. Then start applying
workarounds (google "css IE hacks") to get it to work in IE5/6.
More proof that coding to try and meet the standards, rather than the
browser, is always more beneficial in the long run.
HTH
Gordon
-----Original Message-----
From: techwr-l-bounces+gordon -dot- mclean=grahamtechnology -dot- com -at- lists -dot- techwr-l -dot- com
[mailto:techwr-l-bounces+gordon -dot- mclean=grahamtechnology -dot- com -at- lists -dot- techwr-l -dot- c
om] On Behalf Of Kevin McLauchlan
Sent: 14 February 2007 19:58
To: 'techwr-l -at- lists -dot- techwr-l -dot- com'
Subject: Color-bar behind text in browsers
Hey list...
A version of this came around a couple of years ago, I think.
Our company WebHelp template includes an orange color-fade bar behind the
top-level page-title heading - it's part of the page-title definition in the
CSS.
That is, it's jpg image the height of 24-pt text, and as wide as the page.
It's only purpose is to be a bit ornamental and to make the heading text
stand out.
That heading might be literally at the top of the page, or it might be below
a header section on some types of page.
In IE6 and other browsers, it looked fine.
In IE7, and in current-model FireFox and Opera, I don't get to see the
background color bar, unless the heading is about to scroll off the top of
the page.
Is there some setting that should be applied in the CSS to fix this?
Is it clear what I'm trying to describe?
This is obviously not a show-stopper, but QA noticed it, and it's annoying
that it used to work and no longer does.
Kevin
The information contained in this electronic mail transmission may be
privileged and confidential, and therefore, protected from disclosure. If
you have received this communication in error, please notify us immediately
by replying to this message and deleting it from your computer without
copying or disclosing it.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Create HTML or Microsoft Word content and convert to Help file formats or
printed documentation. Features include single source authoring, team
authoring, Web-based technology, and PDF output. http://www.DocToHelp.com/TechwrlList
Now shipping: Help & Manual 4 with RoboHelp(r) import! New editor, full
Unicode support. Create help files, web-based help and PDF in up to 106
languages with Help & Manual: http://www.helpandmanual.com
---
You are currently subscribed to TECHWR-L as
Gordon -dot- McLean -at- grahamtechnology -dot- com -dot-
To subscribe, send a blank email to techwr-l-join -at- lists -dot- techwr-l -dot- com
Send administrative questions to admin -at- techwr-l -dot- com -dot- Visit http://www.techwr-l.com/techwhirl/ for more resources and info.
____________________________________________________________________________________________________
This email (and any attachments) is private and confidential, and is intended solely for the
addressee. If you have received this communication in error please remove it and inform us via
telephone or email. Although we take all possible steps to ensure mail and attachments
are free from malicious content, malware and viruses, we cannot accept any responsibility
whatsoever for any changes to content outwith our administrative bounds. The views represented
within this mail are solely the view of the author and do not reflect the views of the organisation
as a whole.
____________________________________________________________________________________________________
Graham Technology plc
Registered in Scotland company no. SC143434
Registered Office India of Inchinnan, Renfrewshire, Scotland PA4 9LH
Create HTML or Microsoft Word content and convert to Help file formats or
printed documentation. Features include single source authoring, team authoring,
Web-based technology, and PDF output. http://www.DocToHelp.com/TechwrlList
Now shipping: Help & Manual 4 with RoboHelp(r) import! New editor,
full Unicode support. Create help files, web-based help and PDF in up
to 106 languages with Help & Manual: http://www.helpandmanual.com
---
You are currently subscribed to TECHWR-L as archive -at- infoinfocus -dot- com -dot-
