470,624 Members | 2,538 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 470,624 developers. It's quick & easy.

garphic disappears in IE6, not FireFox

I have created a page using html, and CSS, some of the coding being done in DW8, some hand-coding. Code validates for FireFox and for IE.

See the page at: http://girlschorus.org/test.html

I have two problems:
1) Take a look at the page in both browsers. There is a logo in the upper left corner-ish of the layout. In IE, the logo does not appear. In FF it does. Interestingly, there is a "width" attribute for the ".roundbottom" class that seems to cause this. If I delete this attribute, the problem goes away. The problem started when I inserted that attribute. The .gif image is called in a div that is independent of and far away (wrt the flow) from the "roundbottom" div. So I can't figure out why the attribute of one affects the appearance of the other like this. AND, the first time I viewed the file on the server in IE, the graphic showed up! I refreshed the screen about five times and it disappeared, never to be seen again. Why would it show up once then not? Isn't the code interpreted by the browser the same way every time?

2) In both browsers, the bottom of the div class=round-box-content is too long. Something is pushing it down and I can't figure out what or how to fix it. I want the bottom of this div to be right near the bottom of the div class=color-of-right-gray-box, and for the div class=color-of-right-gray-box to overlap (in z-) the div class=roundbottom.

Any ideas?
Nov 30 '06 #1
4 1580
drhowarddrfine
7,435 Expert 4TB
First, you will never get IE to attempt to perform like modern browsers, such as Firefox, without a proper doctype. Use this one:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Then validate your html and css for any errors to fix.
Nov 30 '06 #2
AricC
1,892 Expert 1GB
Have you fixed the problem?
Dec 3 '06 #3
Thank you for the reminder to put in a doctype declaration. (head-bonk) It really messed things up, but lead me to start over from scratch and build the page a line at a time rather than piecing together parts from other sources. The results: the page no longer has a disappearing graphic, but I have alignment issues/differences between IE and FF (who would have guessed?)!

Look! http://girlschorus.org/test.html

I'm happy to close this thread. 'Will probably open a new one after searching the forum for info on those alignment issues.

Thanks!
Dec 5 '06 #4
drhowarddrfine
7,435 Expert 4TB
I don't see any differences that are obvious to me other than the img slightly off.
Dec 5 '06 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

reply views Thread by Edge | last post: by
4 posts views Thread by Alex D. | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.