Thanks for taking a look. I cleaned up the HTML, and it validates XHTML Transitional now, with valid CSS. The problem ended up being that I hadn't "float: left"-ed the webtopMenuIconDiv DIVs; changing that makes the line appear now. But now, the icons are all aligned left, and no amount of text-align: center and margin-left/right: auto will push them back to the middle (in Firefox - IE is fine).
Any suggestions? Is it still breaking in Safari? (I'd love to test, but don't have access to a Mac). --- Charles Stuart <[EMAIL PROTECTED]> wrote: > > > On May 11, 2005, at 2:16 PM, James Hallam wrote: > > > Source file is here: > > > > > http://james.globalhavens.com/css-discuss/webtop/webtop.html > > > > If you look at the HTML at the bottom, there are a > few > > DIVs with the class "webtopMenuIconDiv" that are > > supposed to group the icons on the second row, > > providing a little padding, and a visible vertical > > line. This is what I've currently got: > > > > #webtopMenuIconDiv { > > border-right: 1px #D8D2BD solid !important; > > padding: 0 10px 0 10px !important; > > background-color: pink !important; > > } > > > > Nothing shows up, however. No spacing, no border. > > You'll see that the code is starting to become > > littered with !important, something I'm not so > happy > > with. > > > > Can anyone spot something I've missed, or offer a > > suggestion? The content will eventually be > generated > > server side, so I really want a container div to > hold > > these icons for context, and not just provide the > line > > through some other means. > > > > I'm working with IE 6 and Firefox 1.0.3 - those > are > > are the only targetted browsers for now. > > > > In Safari your circular buttons + labels are in two > rows, with the > second row starting at "reinsurance". > > Your HTML code appears to be quite sloppy -> empty > class names, extra > divs, etc. I would clean this up and then see how > everything looks. > > If it doesn't work in Safari, even though you're not > targeting it, it's > an implication of why you're having problems... > > > > > HTH > > > best, > > Charles > > > ______________________________________________________________________ > 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/ > ______________________________________________________________________ Post your free ad now! http://personals.yahoo.ca ______________________________________________________________________ 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/
