Zoe,
After much finagling, playing, breaking, and fixing, lol...
I got it.
CSS used to make graphic display properly:
#texas {
float: left;
clear: both;
background: transparent url(images/texas-background.png)
no-repeat;
color: transparent;
width: 314px;
height: 316px;
z-index: 5;
margin-bottom: -300px;
margin-left: 10%;
}
Here's what was going on:
I was trying to do it with an absolute positioning. Relative and fixed
positions caused the same problem. The only way this resolved was to use
the floating. (Why? I have no clue.)
Upon floating, it still positioned incorrectly, regardless of what
adjustments I made. This was solved by applying "clear: both". (Why? I
have no clue.)
ID for this image was placed between the subnav and the content, and the
content (being floated and all) promptly pushed itself below the graphic.
This was resolved with the negative value margin-bottom, which also
prevented the need for any changes to the declarations for the content
classes (so it doesn't screw up if they later decide to pull out the Texas
image).
Margin-left made the last fine-tunes needed to the positioning.
Problem solved.
Thank you for taking the time to look at my question!
~~J. Hodge
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Zoe M. Gillenwater
Sent: Tuesday, July 26, 2005 1:48 PM
To: [email protected]
Subject: Re: [css-d] PC Firefox display issue - div class image
Zoe M. Gillenwater wrote:
> [EMAIL PROTECTED] wrote:
>
>> I'm currently working on coding up some new templates for a client,
>> and am
>> doing it based on graphic designs created in Photoshop by another
>> contractor.
>>
>>
>
> I'm sorry...I hate when that happens.
>
>> Aside from the index page template, all the second-tier pages include a
>> Texas-theme graphic that is supposed to be a background image
>> *behind* the
>> text. Now, in placing it as a background image within the div id
>> itself, or
>> within the content classes, I lose the ability to accurately position
>> it in
>> relation to all the text.
>>>>SNIP<<<<
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
