Guys at comp.infosystems.www.authoring.stylesheets,
I have designed a page [1] in (x)HTML transitional that I am happy with
in (close to) standard compliant browsers (i.e. Firebird/Opera), but IE
is causing problems as can be expected since I have used
position:fixed.
I don't want to use too many hacks and I don't care that the page looks
a bit different in IE (their loss) but I want it to be usable.
May aim is to get the page to work in IE as in the browsers above with
the change that in IE, everything scrolls. The page should be
resizeable in width but still have a maximum width. Content in the menu
should wrap as it does in O/FB.
I have the following problems which I hope some of you may help me
with:
* I have made an invisible DIV (visible for IE - <DIV id="ie">) to
indent the top menu - <DIV class="menu"> (which is
position:fixed) as much as the <DIV class="trans"> below it
holding the body text (which is position:absolute).
* I have also duplicated the background image onto a DIV to get the
positioning of the <DIV menu> correct from the top of the page.
The structure of the DIVs is then thus:
<DIV nowrap>
<DIV transparent except IE></DIV transparent>
<DIV menu></DIV menu>
</DIV nowrap>
<DIV trans [i.e. body]></DIV trans>
Q 1: I cannot seem to prevent the 2 DIVs (not their content but the
2 DIV blocks themselves) in the DIV nowrap from wrapping which
I do not want them to.
Any suggestions?
* The logo I have put on top of the page duplicating the backgound
image seems to have some transparent pixels around it (you'll
notice them when scrolling).
Q 2: Is this avoidable?
* The content in the <DIV menu> itself does not wrap.
Q 3: Why?
* I also have a problem with the partial transparency of the <DIV
class="trans"> using the "filter:
progid:DXImageTransform.Microsoft.Alpha(opacity = 95);" hack
which seems to make the transparent area blue-ish grey.
Q4: Is this normal for partial transparency in IE?
Thank you all for help, hints and suggestions.
-----
[1] <http://www.dir-dk.org/udstyr/regulatorer.html>
FYI: The language is Danish and the page is about diving.
--
<author> Peter Fjelsten </author>
<e-mail valid> yes </e-mail valid>