Advertisement

05.16.2008 at 10:03AM PDT, ID: 23409032
[x]
Attachment Details

Why doesn't the pictures show in IE7 when they are perfect in Firefox?

Asked by PerryDaynac in Cascading Style Sheets (CSS), Internet Explorer Web Browser, Firefox Web Browser

Tags: XHTML CSS, Firefox, IE7

Hello Experts,

Having a bit of a problem with IE7. I'm not sure if it is the same problem with IE6/8, but probably.
Firefox works fine...

Heres whats up:
1) No pictures are showing when I run my webpage in IE7.
2) My menu (has pictures) is not showing correct. Heres how it looks (when it's not correct):

Start
          About
                         Contact
                                                ...etc

I run the webpage from C:\Inetpub\wwwroot since I'm using asp for some functions.

How do I solve this?

Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:

--------
  CSS
--------
div.header {
  position: absolute;
  top: 17px;
  left: 1px;
  width: 823px;
  height: 143px;
  background: white url(images/header.png/) no-repeat;
}
 
div.menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 40px; 
  font-size: 16px;
  font-family: "Modern Nr. 20"; 
  background-image: url(images/menu.png/);
}
 
div.menu ul{
  float:center;
  padding-left: 50px;
  margin: 0;
  list-style-type:none;
}
 
div.menu ul li{
  background-image: url(images/menu_button.png/);
}
 
div.menu ul li a{
  float: left;
  text-decoration: none;
  color: #f7ea61;
  padding: 0.6em 0.6em;
}
 
div.menu ul li a:hover{
  text-decoration: none;
  background-image: url(images/menu_button_hoover.png/); 
}
 
div.menu ul li.active a, div#menu ul li.subactive a{
  text-decoration: none;
  color: white;
}
 
 
--------
 HTML
--------
<div class="header">         
</div>
 
<div class="menu">	
  <ul>
    <li class="main active"><a class="menu" href="/">Start</a></li>
    <li class="first"><a class="menu" href="about.html">About</a></li>
    <li class="link"><a class="menu" href="contact.html">C...</a></li>
.
.
.        
  </ul>	
</div>
[+][-]05.16.2008 at 10:07AM PDT, ID: 21584467

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]05.16.2008 at 01:23PM PDT, ID: 21586143

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Cascading Style Sheets (CSS), Internet Explorer Web Browser, Firefox Web Browser
Tags: XHTML CSS, Firefox, IE7
Sign Up Now!
Solution Provided By: strobbe
Participating Experts: 2
Solution Grade: A
 
 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628