RE: CSS/Layout problem.

[Ian Skinner]

I tried that Kevin, but unfortunately the properties background-position and 
background-repeat are apparently mutually exclusive. If you have 
background-repeat defined, then background-position is ignored.  That is what I 
gleamed from the documentation I read last night, and seems to be supported by 
behaviors in the browsers I observed.  Since, of course, I tried it before I 
broke down and read the documentation.

From: http://www.blooberry.com/indexdot/css/properties/colorbg/bgposit.htm
Background-position:
If a 'background-image' is specified, this complex parameter details the 
initial position of the background image specified in the browser window if it 
is ***NOT*** continuously tiled in the display area. [Emphasis added]

I am thinking I may just have to add a separate layer for the background so 
that it can be placed to the right of the logo layer.  Just trying to be as 
miminlist as possible as an excersize on this redesign.


--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

...-----Original Message-----
...From: Kevin Graeme [mailto:[EMAIL PROTECTED]
...Sent: Thursday, February 03, 2005 10:11 AM
...To: CF-Community
...Subject: Re: CSS/Layout problem.
...
...div#mastHead
...{
...        width: 100%;
...        background: url(/images/headerb.jpg) repeat-x 640px 0;
...     margin: 0;
...     height: 98px;
...}
...
...div#mastHead a#logo
...{
...     margin-left: 0;
...     float: left;
...}
...
...Alternately, you could spell out the background properties as:
...
...div#mastHead
...{
...        width: 100%;
...        background-image: url(/images/headerb.jpg);
...        background-repeat: repeat-x;
...        background-position: 640px 0;
...     margin: 0;
...     height: 98px;
...}
...
...-Kevin
...
...On Thu, 3 Feb 2005 09:27:23 -0800, Ian Skinner
...<[EMAIL PROTECTED]> wrote:
...> With my infamous bad sense of direction, that should read right outer
...edge.  I do not want the background image to start repeating until the
...right outer edge of the logo image.
...>
...>
...> --------------
...> Ian Skinner
...> Web Programmer
...> BloodSource
...> www.BloodSource.org
...> Sacramento, CA
...>
...> "C code. C code run. Run code run. Please!"
...> - Cynthia Dunning
...>
...> ...-----Original Message-----
...> ...From: Ian Skinner
...> ...Sent: Thursday, February 03, 2005 9:16 AM
...> ...To: CF-Community
...> ...Subject: RE: CSS/Layout problem.
...> ...
...> ...Ok, but if I do that, I will not get the affect I was trying for.  I
...want
...> ...the background image to not start until the left outer edge of the
...logo
...> ...image?  Am I going to have to add another div layer to do this?
...> ...
...> ...
...> ...--------------
...> ...Ian Skinner
...> ...Web Programmer
...> ...BloodSource
...> ...www.BloodSource.org
...> ...Sacramento, CA
...> ...
...> ..."C code. C code run. Run code run. Please!"
...> ...- Cynthia Dunning
...> ...
...> ......-----Original Message-----
...> ......From: Sandy Clark [mailto:[EMAIL PROTECTED]
...> ......Sent: Thursday, February 03, 2005 8:52 AM
...> ......To: CF-Community
...> ......Subject: RE: CSS/Layout problem.
...> ......
...> ......Its definitely the margin-left set both the logo and the
...background to
...> ...0;
...> ......div#mastHead
...> ......{
...> ......  background-image:url(/images/headerb.jpg);
...> ......  background-repeat:repeat-x;
...> ......  margin-left: 0;
...> ......  height: 98px;
...> ......}
...> ......
...> ......div#mastHead a#logo
...> ......{
...> ......  margin-left: 0px;
...> ......  float: left;
...> ......}
...> ......
...> ......-----Original Message-----
...> ......From: Ian Skinner [mailto:[EMAIL PROTECTED]
...> ......Sent: Thursday, February 03, 2005 11:00 AM
...> ......To: CF-Community
...> ......Subject: CSS/Layout problem.
...> ......
...> ......Can somebody explain to me what IE is not liking about the header
...of
...> ...this
...> ......page http://www.sierraoutdoorrecreation.com/index2.cfm?  It is
...working
...> ...as
...> ......I
...> ......desire in FF1.0. But in IE 5.5 & 6, the Logo in the upper left
...corner
...> ...is
...> ......not
...> ......showing.
...> ......
...> ......
...> ......--------------
...> ......Ian Skinner
...> ......Web Programmer
...> ......BloodSource
...> ......www.BloodSource.org
...> ......Sacramento, CA
...> ......
...> ......"C code. C code run. Run code run. Please!"
...> ......- Cynthia Dunning
...> ......
...> ......Confidentiality Notice:  This message including any attachments
...is for
...> ......the
...> ......sole use of the intended
...> ......recipient(s) and may contain confidential and privileged
...information.
...> ...Any
...> ......unauthorized review, use, disclosure or distribution is
...prohibited. If
...> ......you
...> ......are not the intended recipient, please contact the sender and
...delete
...> ...any
...> ......copies of this message.
...> ......
...> ......
...> ......
...> ......
...> ......
...> ......
...> ...
...> ...
...>
...>
...
...

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support 
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49

Message: http://www.houseoffusion.com/lists.cfm/link=i:5:146116
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54