[himself]

I'm wondering if anyone else has encountered problems with table formatting using image slices in Netscape 7? I know it's a preview release, but I know quite a few people who are using it full-time... any way, has anyone found a workaround to get tables to format properly?

[Simon Mundy]

That's a bit of a vague description, but I have a feeling I know what you mean.

I was using a page made in ImageReady with rollovers, then took it into BBEdit and turned it into HTML 4.01 compliant. Netscape 6 and above (and of course Mozilla, Chimera, IE 5, etc..) can change the way HTML is displayed if the DOCTYPE indicates 4.01 or XHTML compliance.

So I'm seeing this table with big ugly gaps underneath each image - didn't make a difference if it had a link on it or not.

Turns out this is a known 'issue' (it's not really a bug) with the way Gecko et. al render images. All you need to do is set somewhere in your stylesheets:

img { display: block; }

and that will fix that. If you want to refine this, you may want to make it a class so not all your images behave this way (if you have an inline image, for example.)

I found this at <a href="http://www.alistapart.com" target="_blank">http://www.alistapart.com</a> which is an extremely good read.

Cheers

[himself]

exactly what I was looking for... thanks! And sorry for being so vague.

[bojangles]

Simon, you are an answer to prayer. One stupid little css declaration and my entire site works beautifully!

Here’s another question, though. When I originally designed this site, the idea was to have the navigation bar stay at the top and the “Quality is an attitude.” bar stay at the bottom, probably with about ten pixels of white space below it. I tried to do this with css—set up &lt;div&gt;s with z-height:10 and position:fixed—and they both worked perfectly in most browsers, but not (big surprise) in IE.

Any thoughts on how I could accomplish this?

Thanks!

[pumpkinapo]

Originally posted by bojangles:
Simon, you are an answer to prayer. One stupid little css declaration and my entire site works beautifully!

Here’s another question, though. When I originally designed this site, the idea was to have the navigation bar stay at the top and the “Quality is an attitude.” bar stay at the bottom, probably with about ten pixels of white space below it. I tried to do this with css—set up &lt;div&gt;s with z-height:10 and position:fixed—and they both worked perfectly in most browsers, but not (big surprise) in IE.

Any thoughts on how I could accomplish this?

Thanks!

IE doesn't support the position:fixed property. I spent an hour of fighting yesterday to find that out.

http://www.w3.org/Style/Examples/007/menus.html