Luke Mackenzie schrieb:
anyone?

http://mixdoaa1.miniserver.com/~staging/members/index.php?sid=ed1147f3c538f4
e95852105ad46eafad

Luke,
can't give you a good fix yet, I'm still looking for a solution that fix the needs of IE and Opera.

------------------------------------
IE6:

the gap is the result of the image expanding the container/td. (When you
remove the width, it will expand in FF too, as you have mentioned)

a fix might be to overflow the column with a floating image

<div id="nav">
<p><img src="logo.jpg" alt="logo" class="ov"></p>

/* \*/
* html #nav {overflow: visible;}
* html #nav img.ov {float: left;}
/* */

when you don't want to hide it from other browsers, you'll have to
insert a solid clearer

<div id="nav">
<p><img src="logo.jpg" alt="logo" class="ov"><br class="clear"></p>

#nav {overflow: visible;}
#nav img.ov {float: left;}

With this fix, there are still some issues with the left navigation width.

----------------------------
Opera:
shows the same gap, but needs some more work, I think.

I guess the table itself needs table-layout:fixed;
the td needs width: 154px; position: relative;
and the p holding the img needs position:relative; z-index:1;

but "anyone" for sure finds a better attempt for Opera.

maybe tomorrow, maybe not.

Ingo

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to