Sent by Big John on 22 February 2004 06:06
Cathy Stec wrote:
> I've been reading this list for a few weeks now and the
> respect among people has given me the courage to put my
> toe in your pool. I didn't want to be on a stage
> where my pre-newbieness would shine and generate giggles
> or harumphs.
Darn, I can't harumph?! Then what's the point? ;-)
> Can somebody kindly take a look at www.dogownersdigest.com?
> I've used absolute positioning for the dog graphic:
>
> .dog {position:absolute;
> left: 245px;
> top: 17px; z-index:1}
>
> However, on some monitors the pooch overlaps the "st" in digest while on
> others it's a perfect 1/4 inch or so away from the word "digest."
As Keith said, it's due to using two different refrences.
Naturally the cure is to apply the same refrence to both.
Change "left: 245px;" to "margin-left: 245px;". That's all.
By omitting "left" it becomes "auto", and that property then
refrences as tho it were a "static" or flowed element. That
puts the left edge of the doggie against the left edge of the
table, where it would be if static. Then a simple left-margin
pushes it away without interfering with that "auto" value.
The same can be done for the cuddly canines in the middle,
but the absolute div must be moved inside the centered div
or it will refrence the body edge instead.
If you are serious about CSS you need to look up and read
about "doctypes". It's pretty important for getting consistent
behaviors out of browsers. Start here:
http://css-discuss.incutio.com/?page=RenderingMode
Big John
=====
--
Perennial student + Impractical joker + CSS junkie = Big John
<http://www.positioniseverything.net>
__________________________________
Do you Yahoo!?
Yahoo! Mail SpamGuard - Read only the mail you want.
http://antispam.yahoo.com/tools
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
