[css-d] Can view in Safari but not Firefox
I know it's hard to determine without seeing the actual site, but I don't have a test site up yet. Just wondering if anyone can see anything immediately wrong with the following CSS, in terms of it appearing in Mozilla. It appears perfectly well in Safari. #timelinebkgd { background: url(images/timeline_bkgd.jpg); width: 689px; height:653px; position:absolute; top:24px; left:12px; z-index:5; margin:0 auto; text-align:center; } It applies to the following HTML: div id=timelinebkgd pPan the timeline by dragging it horizontally/p div id=my-timeline/div /div Any ideas as to what the problem could be? Thanks! __ 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/
Re: [css-d] Can view in Safari but not Firefox
On Mon, Jun 22, 2009 at 8:15 AM, Ellen Heitmanellen.heit...@gmail.com wrote: #timelinebkgd { background: url(images/timeline_bkgd.jpg); width: 689px; height:653px; position:absolute; top:24px; left:12px; z-index:5; margin:0 auto; text-align:center; } Any ideas as to what the problem could be? Thanks! The only thing I see is margin:0 auto; is redundant when you are using position:absolute (positioning takes precedence). Other than that we do really need a URL to figure it out. Probably some other parent element is causing the issue? - divya __ 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/
Re: [css-d] Can view in Safari but not Firefox
On 23/06/2009, at 3:15 AM, Ellen Heitman wrote: I know it's hard to determine without seeing the actual site, but I don't have a test site up yet. Just wondering if anyone can see anything immediately wrong with the following CSS, in terms of it appearing in Mozilla. It appears perfectly well in Safari. I bet it's to do with the absolute positioning. Try giving an ancestor of timelinebkgd position: relative. That's just a guess though. As Divya said, you need to show us something. __ 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/