Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Why no image for IE, Firefox is ok 1

Status
Not open for further replies.
thedaver

thedaver

IS-IT--Management
Jul 12, 2001
2,741
US
The link in question is:


There is an image in the center of the screen (a drill bit).

This image presents as expected in Firefox 1.5.
This image is not shown and screws up the CSS in IE 6.0 SP2.

If someone can take a moment to decode this issue, I'd be very appreciative.
D.
 
Sort by date Sort by votes
Not surprising. Your CSS file is so invalid it's unfunny.

The [!]only[/!] thing that shold be in CSS files is CSS. You can remove all of this:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
			

<html>
<head>
	<title>Content of layout3.css</title>
</head>

<body>
<pre>

<!-- BEGIN CSS -->

and all of this:

Code: 
<!-- END CSS -->

</pre>
</body>
</html>

Perhaps validating your site would have thrown this up?

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Upvote 0 Downvote
BillyRay, I took your comments onboard and cleaned up some nonsense. Thanks for the suggestions.

HOWEVER: the IE image display issue remains.
Now that I'm "compliant", what is not working correctly for IE 6?

D.E.R. Management - IT Project Management Consulting
 
Upvote 0 Downvote
It is being caused by the following line in your "contentmain" rule:

Code: 
background-color:white;

Remove that, and it shows.

How did I find that? I commented out every line, and uncommented then one at a time until I found the offending line. Give it a whirl next time you're stuck - it can prove useful.

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Wow, ok. First, thanks! That's way beyond my hoped-for diagnostics!

Second, when implemented, yes, the image now shows in IE 6.

Trouble now is that the image is truncated/overlaid by about 10% on its bottom by the next content area down.

Again Firefox works as expected. If you can help me once more on this one I'll be very grateful.
D.

D.E.R. Management - IT Project Management Consulting
 
Upvote 0 Downvote
It's also screwing up the content alignment in the "footer" that is the next section down. Again, thanks.

D.E.R. Management - IT Project Management Consulting
 
Upvote 0 Downvote
Outstanding! Didn't break Firefox either!

Just out of curiousity, why did you know to try that? Is there some list(s) of ways that IE sucks and can be tricked/hacked? Obviously you have the experience, but that's something I strongly doubt I would have ever contemplated without your help.

Thanks! Star too!

D.E.R. Management - IT Project Management Consulting
 
Upvote 0 Downvote
IE doesn't support min-height (or max-height, min-width, or max-width for that matter). However, it also has a "unique" (read: non-standard) way of interpreting the height attribute that gives it a sometimes desirable usage.

If you were to use "height" without the underscore, you'd see other browsers (such as Fx) fixing the box height. Not so in IE, which is where the underscore hack comes in.

Just out of curiousity, why did you know to try that?
Click to expand...

Years of experience. You just can't buy that in any book - which is a shame, I know.

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
There's lots of online documentation to get only certain browsers to recognize different CSS "tricks". Here's 2 I use often:


-kaht

[small] <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <.</B>[/small]
[banghead] [small](He's back)[/small]
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
740
3esolar
3
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
213
Alt255
Alt255
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
800
spamjim
spamjim
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
755
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top