[css-d] Floating content problem

2011-08-14 Thread Kashif Sami
Hi everyone.

As always, I'm stuck and hope someone at CSS-D would come to rescue.

In this page - http://kraymark.com/clients-demo/coffee/ , the image to the
right of the coffee (Coffee Grounds) needs to stay in one position on
different screen sizes. If you zoom in or out, you can see what I mean.

Also, this might sound pretty silly but what's the difference between screen
size & screen resolution?

Thanks and regards,
Kashif
__
css-discuss [css-d@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] Floating content problem

2011-08-15 Thread Chetan Crasta
Modify the rule in your stylesheet as below:

.brazil {
margin: -12% 10% 0 1070px;
width: 236px;
}

Regards,
Chetan Crasta
__
css-discuss [css-d@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] Floating content problem

2011-08-15 Thread Ghodmode
On Mon, Aug 15, 2011 at 1:36 PM, Kashif Sami  wrote:
> ...
> Also, this might sound pretty silly but what's the difference between screen
> size & screen resolution?

That may depend on the context of your question.

Strictly speaking, size is the physical size of the monitor.  It would
be something like 22 inches diagonally.  Resolution is expressed in
pixels, like 1280x1024.  In a perfect world, we could use absolute
units (http://www.w3.org/TR/css3-values/#absolute0) in our stylesheets
and our elements would actually be the size we specified, but I doubt
it ever actually works out that way.

It's more likely that you would need to worry about the distinctions
between inner height (the size of the actual content area of the
browser), window size (the size of the FF/Chrome/IE window including
decorations, titlebar, and toolbars), and actual screen resolution.

Why would you need to worry about screen size when making web pages?

>
> Thanks and regards,
> Kashif

--
Ghodmode
http://www.ghodmode.com/blog
__
css-discuss [css-d@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] Floating content problem

2011-08-25 Thread Kashif Sami
Thanks Chetan for your quick help. I appreciate it a lot.

Regards,
Kashif
__
css-discuss [css-d@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/