/    Sign up×
Community /Pin to ProfileBookmark

IE6 ‘absolute’ problem

Copy linkTweet thisAlerts:
Jan 03.2005

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.

[URL=http://navpress.ecommercerep.com/chicken_soup_for_soul_bible/index_IE.htm]http://navpress.ecommercerep.com/chicken_soup_for_soul_bible/index_IE.htm[/URL]

The ‘invisible’ div should have a green background and some text.

This is a scaled-down version of the page that is on

[url]http://navpress.ecommercerep.com/chicken_soup_for_soul_bible/index.htm[/url]

Sorry to ask a question on my first post…I’m just really stuck on this one.

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@AsinoJan 04.2005 — 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:
[CODE]
<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>

[/CODE]

then IE seems happy as does Firefox and Opera on Win, not checked Mac.

Pehaps someone else can help with the why!

Asino
Copy linkTweet thisAlerts:
@NogDogJan 04.2005 — Maybe using the HTML 4.01 Strict DTD (instead of Transitional/Loose) would encourage IE to act a little closer to the standards?
×

Success!

Help @mrturtle spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...