> Hi Tim, > I don't think you've given us enough information to come up with an > exact solution... I wanna see da code! :)
Okay. You asked for it. But as a warning, it's all kinds of fun. http://www.indiana.edu/~intlcent/ois/org_chart.php user: oistest password: fhall306 And since we've decided to get specific, here's exactly what I'm aiming for. This is a chart of the office organization. It's coded as nested lists, so the AVP is at the top of the list, the directors are under him, and the various other peons are under them. Each colored box with picture, name, etc is a div of class person. Right now, I have margins around the person divs (which are of course inside list items). I'm trying to set up the connector lines for the chart (specifically the ones in the "branch" class) so that they are absolutely positioned in relation to the list items. But the collapsing margins are causing the lines to not connect at the top, since setting width to 100% is not getting it all the way over to the next branch at 100%. Also, I had to leave work today with this page is a particularly horrible form of incompleteness, so there are lines everywhere, most of which are significantly longer than I intend. I don't think I need help with that. I just haven't gotten a chance to look at it yet. and before I get comments about the tiny text from the peanut gallery ;), I know. I set the font size to "xx-small." The same information is contained (at a legible text size) when one clicks on the person. Also, part of the point of this page to make it hold up well to text resizing, just because it is so tiny. > But I think your problem > looks like it's related to collapsing margins and you need to make your > vertical margins not collapse. Actually, I need to make my horizontal margins to not collapse too. I want no margin collapsing whatsoever. > > There's a section in the CSS 2.1 spec that gives all the rules > about when margins do or do not collapse : > http://www.w3.org/TR/CSS21/box.html#collapsing-margins > > You probably need to change the DIVs that are inside of the LIs so that > the margins don't collapse. Maybe you just need to float the DIVs? > Perhaps combining that with an overflow hidden on the ul's... Otherwise, the whole structure goes to hell in a hand basket. I'll try playing with it tomorrow morning and see what I come up with. ---Tim ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
