On 6/1/10 10:41 AM, Matthew wrote:
> Hello,
>
> I've set up a table which is supposed to line up with content about
> and below it that is formatted as unordered list elements. To do
> this, I gave the table a left margin quality in CSS. This seemed to
> work fine, but unfortunately, I noticed that in Firefox the table
> wasn't lined up correctly. So I added an empty first column with a
> fixed width to the table. Again this shows up fine in other browsers,
> but in Firefox (Mac) the text again is misaligned. Is there a trick
> to get Firefox to behave in this situation?
>
> Here is the page I'm working on
>
> http://em-w.com/resume.html
>
> You can see my problem if you compare the content under the "tools"
> section in Firefox versus other broswer.
>
Well, I have never seen <li> as a child of a <td> before, although the
validator seems happy. I imagine your trouble may come from where the
browser might imagine the padding-left for the UL/OL should go were one
to exist.
I took the <li> out of the table cells and added this to the CSS:
#mainContentResume table {
width: 25em;
}
#mainContentResume td {
background: url(mw_bulletDIAMOND-1.png) no-repeat 20px 3px;
padding-bottom: 6px;
padding-left: 40px;
}
It's very close in IE8, FF and Safari, but a bit off in IE7.
BTW - The header is borked in IE6.
Hope this helps.
Cordially,
David
--
______________________________________________________________________
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/
