Disappearing float in netscape 7.1

A div which is float:right shows no content in netscape 7.1

[tallniel]

I am developing a website using xhtml/css at the moment, and I'm being driven crazy by what I think is a bug in Netscape. This is the first time I've used css, so it could be my fault. *links deleted*

Bear in mind that this is a work in progress, and my first attempt at serious css design...

The problem is that I have a box containing a table of contents for the page. This box (div) should be floated to the right of the content panel. This works fine in IE6, but Netscape 7.1 shows a blank area there (of the right dimensions, but my content is gone). This is particularly strange because Netscape *used* to show the box, but then I made some changes and it disappeared. I can't figure out what change broke the rendering, and I've tried backing off changes, but I can't get it back (this is the point where I wish I'd been using CVS). Can anyone spot what I've done wrong?

Also, as a side note, if anyone spots anything I'm doing badly or just plain wrong in the rest of the page, please let me know.

Oh - ignore the content, unless you have a particular technical background in Game AI...

[edited by: tallniel at 5:50 pm (utc) on Nov. 26, 2003]

[chadmg]

You should remove those links from your post. That's against the WW terms of service.

[tallniel]

OK, I've deleted the links. Only skim read the TOS.. It seems slightly odd to not allow links in a post (after all, why does it highlight them, and convert them to links?).

I'm trying to come up with a minimal example which would exhibit the behaviour, so I can post it here. I'm not having much luck, though. It seems the behaviour only kicks in with some combination of styling on my actual page (which is much too big to post here).

The basic look of the page is:

Whole page limited to 700px wide and centered in browser (use of a container div around everything).
Banner across top displaying logo/site title.
Main content below that, divided into two parts:
Sidebar: floated left, 150px
Article: rest of panel
The article then has the nested table of contents div, which is floated to the right. It is this div which shows no content in Netscape (just tested with latest Mozilla, and it has the same problem).

Of course, it's more complicated than that as there are loads of different divs used to for marking up the main content, and parts of the table of contents, etc.

[tallniel]

Update - my problem has gone away again... I'm utterly mystified as to what caused it in the first place, and what fixed it. I cleaned up my css files, removing some .class stuff which I no longer used and it suddenly worked, so maybe something odd was in there somewhere...

[SuzyUK]

Welcome to WebmasterWorld

NN7 is the least "forgiving" (of malformed code) of the browsers, which is why I like it for testing, chances are it is right ;)

always a good move to validate your CSS [jigsaw.w3.org] first with problems like this.. it's very possible there was a stray quotation mark or curly bracket somewhere

Suzy