[css-d] Float doesn't shrink fit content under Safari - any workarounds?

Hi, I'm struggling with a Safari float shrinking problem and I'm desperately seeking a solution. I've spent days on the issue now. I have a floated container containing floated fixed sized divs. On FF the container shrinks to fit the contents, as is correct for a widthless float. In Safari

Re: [css-d] Float doesn't shrink fit content under Safari - any workarounds?

On Tue, Jun 10, 2008 at 10:02 AM, Timothy Armes wrote: I'm struggling with a Safari float shrinking problem and I'm desperately seeking a solution. I've spent days on the issue now. I have a floated container containing floated fixed sized divs. On FF the container shrinks to fit the

Re: [css-d] Float doesn't shrink fit content under Safari - any workarounds?

Once line breaks are determined you would like to have a sort of extra step to fit the placed contents. This 'extra fit' (not required by the spec) is done by Opera (and by FF2), and it would indeed be sometimes desirable, but I don't know how to get it with current CSS. Thanks, I now

Re: [css-d] Float doesn't shrink fit content under Safari - any workarounds?

Timothy Armes wrote: Once line breaks are determined you would like to have a sort of extra step to fit the placed contents. This 'extra fit' (not required by the spec) is done by Opera (and by FF2), and it would indeed be sometimes desirable, but I don't know how to get it with current CSS.

Re: [css-d] Anchor hover in IE 6 'absorbs' margin of above element

On 3 Jun 2008, at 21:55, David Laakso wrote: Patrick James wrote: http://www.patrickjames.me.uk/test.html In Internet Explorer 6 when the mouse cursor hovers over the anchor elements they turn red, as they should, but Link 002, Link 003 and Link 004 'bunch up' against the box above in the

Re: [css-d] Anchor hover in IE 6 'absorbs' margin of above element

Jonny Stephens wrote: On 3 Jun 2008, at 21:55, David Laakso wrote: Patrick James wrote: http://www.patrickjames.me.uk/test.html In Internet Explorer 6 when the mouse cursor hovers over the anchor elements they turn red, as they should, but Link 002, Link 003 and Link 004 'bunch

Re: [css-d] Float doesn't shrink fit content under Safari - any workarounds?

Hi Bill, To add to what Bruno has already put forward, you might also consider taking another look at your code. It's incredibly difficult to fix a CSS problem with invalid code. You've written your code in XHTML Transitional, which is more for migrating old sites and documents than for the

Re: [css-d] Anchor hover in IE 6 'absorbs' margin of above element

Hi Jonny and David This was the fault and I discovered it a day or two after posting :) The margin is now on the 'li' and all is fine in all browsers I've tried. Patrick On 10 Jun 2008, at 14:35, David Laakso wrote: And if a margin is required, apply it to #nav001 li rather than #nav001

[css-d] CSS popup not popping in IE

This pure-css popup works in FireFox, but not IE. http://tinyurl.com/6xkooa The css is: div#popup a span {display:none;} div#popup a:hover span {display: block; position: absolute; top: 150px; left:330px; width: 300px; padding: 5px; margin: 10px; z-index: 100; color:#00;

[css-d] Fixed LI dimension with XHTML

Hi Is it possible to display a unordered list inline, have a hyperlink fill the full size of the LI element and force the LI element to have a fixed dimension using XHTML? It works if I just let it fall back to QUIRKSMODE but obviously I don't want that =) I'm trying to make six LI elements

Re: [css-d] CSS popup not popping in IE

When you mouse over the word roughly, the footnote-ish text pops up. Why doesn't it work in IE? Hi Nancy, Try changing a name=# to a href=# Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904

Re: [css-d] Fixed LI dimension with XHTML

On Jun 11, 2008, at 5:39 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Is it possible to display a unordered list inline, have a hyperlink fill the full size of the LI element and force the LI element to have a fixed dimension using XHTML? It works if I just let it fall back to

[css-d] How would you approach an organization chart in CSS?

I need to redo a organization chart that is a graphic and therefore not editable. I could rework it in another graphic, but I was trying to think how you could do it with just markup and CSS. It is a tree with a President at the root, 4 positions under him, and two of those have a level of

[css-d] overflow bg image

Hello, Probably an easy fix but I'm not sure how to do it: I have a bg image on a body tag that is positioned bottom, right. In IE7 the bg image is actually stuck to the bottom right of the viewing port, but in FF the bottom, right of the content or body tag. You can view this at

Re: [css-d] How would you approach an organization chart in CSS?

You said just markup and CSS, but honestly this sounds more like a table with many of the cells spanning multiple columns and perhaps a narrow vertical background image used as the vertical line. Conjurer wrote: I need to redo a organization chart that is a graphic and therefore not

Re: [css-d] How would you approach an organization chart in CSS?

Hi I think it could be done with a lot of absolute positioning but personally I would just rework it as another graphic in a vector drawing program, then export that as a .png and use that. When you need to edit it, do it in the vector drawing program and export again as .png for use on

Re: [css-d] overflow bg image

Matt Tibbits wrote: I have a bg image on a body tag that is positioned bottom, right. In IE7 the bg image is actually stuck to the bottom right of the viewing port, but in FF the bottom, right of the content or body tag. You can view this at http://www.tchh.org/new/ Hi Matt, This should

Re: [css-d] How would you approach an organization chart in CSS?

Looks like a table to me... I wouldn't be afraid of using a table for it but making it a graphic would be MUCH easier than screwing with any HTML element. Mike -Original Message- I need to redo a organization chart that is a graphic and therefore not editable. I could rework it in

Re: [css-d] overflow bg image

Almost, although now the bg image will not stop when it reaches the TOP of the view port in FF. It keeps being pushed up as the window is resized... Matt Hi Matt, This should help: html{height:100%;margin:0;padding:0;}

Re: [css-d] overflow bg image

On Jun 11, 2008, at 9:06 AM, Matt Tibbits wrote: Probably an easy fix but I'm not sure how to do it: I have a bg image on a body tag that is positioned bottom, right. In IE7 the bg image is actually stuck to the bottom right of the viewing port, but in FF the bottom, right of the

Re: [css-d] How would you approach an organization chart in CSS?

I would agree with an image for the kind of char you want, but don't toss out the idea of reworking the chart to take better advantage of HTML elements and CSS, such as a hierarchical OL - you could have a class=levelN (where N is the level, 0, 1, 2, etc) and each class could have a set indent

Re: [css-d] CSS popup not popping in IE

On Tue, 10 Jun 2008 13:36:45 -0500, Nancy E. Sosna Bohm wrote: This pure-css popup works in FireFox, but not IE. http://tinyurl.com/6xkooa [code snipped] When you mouse over the word roughly, the footnote-ish text pops up. Why doesn't it work in IE? I *think* that IE needs an extra