Pardon, my first question regarding css or problem.
Test site: www.designbyatfb.com/designs/golfintro.html
The background-image in the
}
#containerDiv{
position: relative;
top: 0px;
width: 800px;
margin-top: auto;
height: 100%;
color: rgb(128, 128, 128);
overflow: visible;
background: transparent url(css-images/swing.gif) no-repeat ;
background-position: bottom;
}
disappears when the page is resized in Fire Fox v 1.0.7 and Mozilla 1.7.12.
It does not even appear at all in Opera 8.02
If page is opended at 800x600 it is fine. If it is opened at 1024x768 or
higher, it is fine.
If you resize after the initial view it disappears until your refresh. I
have tried different Doc types, and encodings, nothing makes any difference.
I have asked a few trusted expert friends, but no one has found an answer. I
am sure it is simple simple.
Forgive the unfinshed site, want this issue addressed before I move forward
with the learning curve. As a some what new css user, I don't understand all
the complex relationships of positioning, float and so on. I know they do
effect each div used.
Thanks Sharron
BROWSER
BROWSER BROWSER
Works at any size or resized in
Does not work at all in Appears then Disappears
on resize in
IE 6
Opera 8.02 Fire
Fox 1.0.7
Netscape 7.02
Mozilla 1.7.12
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
