div layering & positioning in documents

[TripapHoniC]

I have a problem with some layers I want to include in a top bar. There is a url at the bottom of this post that will allow you to view the bar. The problem is when the browser is maximized over 800x600, the layers move out of place. Is there a way to secure the layers to the graphic they are over or other ways? Thanks.

http://www.infinitelite.com/sf/premade-pillar-detail.asp?PRODUCT_ID=gw-7004

 

[dwarfthrower]

Make the graphic a background to the div using CSS:
<style type=&quot;text/css&quot;>
<!--
.myDivStyle {
background-attachment: fixed;
background-image: url(myGraphic.gif);
background-repeat: no-repeat;
}
-->
</style>

<div class=&quot;myDivStyle>Menu Stuff</div>

 

[TripapHoniC]

thanks for the reply...and pardon my ignorance in this but I am still learning CSS and the uses. In your style tag you have background-image: url(myGraphic.gif);

is the url where the actual url of the graphic goes? or is that just a tag? also, if it is the url is that the virtual or full url? I tried it with just the name of my graphic in the appropriate spot and it did not work. thanks.

 

[TripapHoniC]

ok...I looked again and it did work....but the layer now has a tiny background. you can see it if you check out that link again. you also can see the size of the layer. How would I make the layer stay were it was in relationship to the table or graphic it was over? Or is there a better way to do it?

 

[dwarfthrower]

OK, I redid the top part of your page. I hadn't fully understood the effect you were trying to achieve. I did away with <divs> completely and put everything into a table.

Take a look and see if it's what you're after:

http://www.geocities.com/dwarf_thrower_2002/candle.htm

 

[TripapHoniC]

that is exactly what I wanted to do. make the layers stationary when the window is sized over 800x600. Wow. You didn;t have to redo my page though...very appreciated. I assume the java error is because of the lack of one of my scripts. Thanks again...now how do I implement the change on my end?

 

[TripapHoniC]

I was just looking at the source code you did for the page and I actually would love it if the search field and button were centered on that little colored part above the help!....I know, minor stuff. I would also like it if the Advanced Search was closer to the search box. How would I accomplish this? Would I simply move them around in my design mode of Dreamweaver MX? Thanks again

 

[dwarfthrower]

You can change the positioning of things by altering the height and width attributes of the various table cells. In Dreamweaver you should be able to grab the cell border with the mouse and stretch or shrink it to suit.

Cheers.

 

[TripapHoniC]

I can't seem to capture the code you used to create this feature I wanted. I tried simply cutting and pasting and going back through correcting shortcuts but that didn't work at all. Where am I going wrong?