[css-d] Can view in Safari but not Firefox

2009-06-22 Thread Ellen Heitman
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

2009-06-22 Thread divya manian
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

2009-06-22 Thread Tim Snadden

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/