I am trying to compose several pages with a similar theme. They work on FireFox and several Mac broswers that I've tried, however in IE6 for windows, my div that is position:absolute; does not appear at all. It does appear when I change the value to relative. The other browsers I've tried show the absolute div with no problems. I have no idea what is going on.
<!-- m --><a class="postlink" href="http://navpress.ecommercerep.com/chicken_soup_for_soul_bible/index_IE.htm">http://navpress.ecommercerep.com/chicke ... dex_IE.htm</a><!-- m -->
The 'invisible' div should have a green background and some text.
This is a scaled-down version of the page that is on
<!-- m --><a class="postlink" href="http://navpress.ecommercerep.com/chicken_soup_for_soul_bible/index.htm">http://navpress.ecommercerep.com/chicke ... /index.htm</a><!-- m -->
Sorry to ask a question on my first post...I'm just really stuck on this one.The why IE shows one behaviour different to others I do not know. That is does is not a surprise.
My understanding is that the position:absolute will take the nav-bar DIV out of the normal document flow. So by manually taking the nav-bar DIV outside the wrapper DIV:
<body>
<div id="nav-bar">THIS DIV DOES NOT SHOW UP.
</div>
<div id="wrapper">
<div id="header">This is the header. </div>
<div id="left-nav-bar">
<ul>
<li>Home</li>
<li>Bible Studies</li>
<li>Magazines</li>
</ul>
</div>
<div id="mainbody"> This is the main body</div>
<div id="right-nav">Buy It Now Button Goes Here</div>
<div id="footer">I am the footer.</div>
</div>
</body>
then IE seems happy as does Firefox and Opera on Win, not checked Mac.
Pehaps someone else can help with the why!
AsinoMaybe using the HTML 4.01 Strict DTD (instead of Transitional/Loose) would encourage IE to act a little closer to the standards?
<!-- m --><a class="postlink" href="http://navpress.ecommercerep.com/chicken_soup_for_soul_bible/index_IE.htm">http://navpress.ecommercerep.com/chicke ... dex_IE.htm</a><!-- m -->
The 'invisible' div should have a green background and some text.
This is a scaled-down version of the page that is on
<!-- m --><a class="postlink" href="http://navpress.ecommercerep.com/chicken_soup_for_soul_bible/index.htm">http://navpress.ecommercerep.com/chicke ... /index.htm</a><!-- m -->
Sorry to ask a question on my first post...I'm just really stuck on this one.The why IE shows one behaviour different to others I do not know. That is does is not a surprise.
My understanding is that the position:absolute will take the nav-bar DIV out of the normal document flow. So by manually taking the nav-bar DIV outside the wrapper DIV:
<body>
<div id="nav-bar">THIS DIV DOES NOT SHOW UP.
</div>
<div id="wrapper">
<div id="header">This is the header. </div>
<div id="left-nav-bar">
<ul>
<li>Home</li>
<li>Bible Studies</li>
<li>Magazines</li>
</ul>
</div>
<div id="mainbody"> This is the main body</div>
<div id="right-nav">Buy It Now Button Goes Here</div>
<div id="footer">I am the footer.</div>
</div>
</body>
then IE seems happy as does Firefox and Opera on Win, not checked Mac.
Pehaps someone else can help with the why!
AsinoMaybe using the HTML 4.01 Strict DTD (instead of Transitional/Loose) would encourage IE to act a little closer to the standards?