473,543 Members | 1,890 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Disappearing layers

Hi,

I cannot find an explanation for the problem I have encountered. As far
as I can tell, Internet Explorer does not display a layer with absolute
positioning which is followed by a floating layer. It just disappears,
and reappears when I remove the float.

Have a look at http://users.skynet.be/fa800152

You'll see that the navigation displays fine in Firefox on the top of
the screen, but it's not visible at all in Internet Explorer.

Any explanation for this problem? As I try to understand the bug to be
able to find a solution.

Regards,

Gerry.

Apr 17 '06 #1
7 3795
In article <11************ **********@e56g 2000cwe.googleg roups.com>,
Gerry Vandermaesen <ge************ ****@gmail.com> wrote:
Have a look at http://users.skynet.be/fa800152

You'll see that the navigation displays fine in Firefox on the top of
the screen, but it's not visible at all in Internet Explorer.


It works fine for me in IE.
-A
Apr 18 '06 #2
Gerry Vandermaesen wrote:

I cannot find an explanation for the problem I have encountered. As far
as I can tell, Internet Explorer does not display a layer with absolute
positioning which is followed by a floating layer. It just disappears,
and reappears when I remove the float.

I do not have an explanation beyond that IE does positioning poorly. In
your case it positions the navigation <ul> in East Jesus somewhere.
Remove all the position:absolu te rules. There is no need for it in your
layout. Floating and padding is sufficient.
A simple rule I have found that works is to never use more than one
position:absolu te on a page, else IE behaves badly in some annoying way.
Also it is difficult to get the layout to adapt smoothly to viewport and
font size changes.

Tip: Use colored borders and backgrounds to see what a browser is doing.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Apr 18 '06 #3
axlq wrote:
It works fine for me in IE.
-A
That's strange, which version of IE are you using then? Doesn't show up
in IE 6 on two different machines.

Jim Moe wrote: I do not have an explanation beyond that IE does positioning poorly. In
your case it positions the navigation <ul> in East Jesus somewhere.
Remove all the position:absolu te rules. There is no need for it in your
layout. Floating and padding is sufficient.
A simple rule I have found that works is to never use more than one
position:absolu te on a page, else IE behaves badly in some annoying way.
Also it is difficult to get the layout to adapt smoothly to viewport and
font size changes.


Thanks Jim. I have already tried removing the UL inside #navigation,
and putting some plain text inside the DIV, but even then it completely
disappears, which is strange cause afterall I'm just positioning it on
the top left corner. Raising the z-index was no help either, the layer
has vanished.

When I remove the float on the two layers that follow (a left column
#content and a right one #sidebar), the #navigation reappears. This is
the strangest CSS bug I have encountered in IE to date.

Apr 18 '06 #4
I set up a very simple page, which shows the exact same problem:

http://users.skynet.be/fa800152/test.htm
Gerry Vandermaesen wrote:
Hi,

I cannot find an explanation for the problem I have encountered. As far
as I can tell, Internet Explorer does not display a layer with absolute
positioning which is followed by a floating layer. It just disappears,
and reappears when I remove the float.

Have a look at http://users.skynet.be/fa800152

You'll see that the navigation displays fine in Firefox on the top of
the screen, but it's not visible at all in Internet Explorer.

Any explanation for this problem? As I try to understand the bug to be
able to find a solution.

Regards,

Gerry.


Apr 18 '06 #5
Gerry Vandermaesen wrote:
I do not have an explanation beyond that IE does positioning poorly. In
your case it positions the navigation <ul> in East Jesus somewhere.
Remove all the position:absolu te rules. There is no need for it in your
layout. Floating and padding is sufficient.


Thanks Jim. I have already tried removing the UL inside #navigation,
and putting some plain text inside the DIV, but even then it completely
disappears, which is strange cause afterall I'm just positioning it on
the top left corner. Raising the z-index was no help either, the layer
has vanished.

Well, I meant do not use position:absolu te at all.
This site has a variety of info about IE problems:
- <http://positionisevery thing.net/>
- <http://positionisevery thing.net/articles.html>

Also see <http://css.maxdesign.c om.au/>.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Apr 18 '06 #6
Jim Moe wrote:
Tip: Use colored borders and backgrounds to see what a browser is doing.


The OP also might find the Internet Explorer Developer Toolbar of use,
although it's not a patch on Chris Pederick's Web Developer extension
for Firefox:
http://channel9.msdn.com/wiki/defaul...orerDevToolbar
--
AGw.

Apr 19 '06 #7
Gerry Vandermaesen wrote:

Internet Explorer does not display a layer with absolute
positioning which is followed by a floating layer. It just disappears,
and reappears when I remove the float.

http://users.skynet.be/fa800152


I'm not convinced the float is really the source of your trouble. It may
be just coincidence. IE has many problems with floats and positioning in
general, but I can't tell which one(s) you've triggered.

One thing that sticks out is setting an absolute width on the body. This
is just asking for trouble, and not just from IE. I doubt you need
exactly 710px width for the body element, but if you insist on a fixed
width design, put everything in another container and set the width on
it, instead. Much less trouble all around. But a better solution is:
<URL:http://www.allmyfaqs.n et/faq.pl?AnySizeD esign>

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.
Apr 19 '06 #8

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

Similar topics

9
3306
by: Larry Woods | last post by:
I have a site that works fine for days, then suddenly, I start getting ASP 0115 errors with an indication that session variables IN SEPARATE SESSIONS have disappeared! First, for background information, I have a customized 500-100 page that sends the value of various session variables via email to my support site. The situation: On the...
1
2800
by: Lizzy | last post by:
I have an internet application which has a progress bar show whenever the customer is requesting data from the server. This progress bar is coded to work in both Netscape 4.75 and above and IE 5.0 and above. The progress bar code is written in javascript in an external js file (progressbar.js). The web screen is in a seperate jsp file...
6
6828
by: David List | last post by:
I'm having a problem using different properties of the document object in the example javascripts in my textbook with browsers that identify themselves as using the Mozilla engine. One example of these problems is using document.layers. I have Google'd for examples of how to use the document object specifically with Mozilla, but I cannot find...
4
3786
by: ashkaan57 | last post by:
Hi, I am using the following code to show/hide part of an html page. It works in Netscape and Firefox but dies in IE: "Error: document.layers is null or not an object" <style> ..noshow { display: none; } ..menu {
2
2600
by: Rachel Suddeth | last post by:
Here is my scenario: I have a few custom controls that I set up on a form and tested setting properties and appearances. Then I added a couple references to the project which add classes I need to get data from the server to actually do something useful. (These are generated by 3rd party database software.) After adding those references,...
5
2370
by: Burt | last post by:
There's an architect at my 200 person company that advocates having many layers in all my C# apps. He wants web services, use case handlers, facade layers, data gateways, etc. When I ask why all this complexity is necessary, he gives me what if scenarios: "What if you ever want to access the business logic with another front end?", for...
1
5562
by: Grimm | last post by:
I am developing an internalk inteface that integrates alot of seperate tools into one interface. The current version uses one Iframe inside a div layer for positioning. Currently the seperate web tools do not have the ability to stay active. As you switch from tool to tool the previous information is lost unless you use a Back button. I need to...
2
2280
by: insanity | last post by:
Can anyone help me with a problem that I have with apparently unrelated text disappearing in IE7 when I set a className. This does not happen in Firefox. I am trying to create an Ajax driven table where you can click on an active cell to pop up a form, then submit that form to modify the cell value. My page uses several layers of tables and...
0
3418
by: =?Utf-8?B?Q2hhcmxlcw==?= | last post by:
Like many people, I normally use Yahoo! Mail via the web and like to keep all my emails stored on the Yahoo! server. However sometimes I can’t get access to a PC/the web and I download my emails to a PDA/palmtop via POP3. The PDA uses Windows Mobile software. Since using the PDA, I have had the problem of emails disappearing from the...
0
7412
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
7355
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7594
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
4899
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3394
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3394
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
1830
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
979
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
648
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.