I've a set of pages with 2 horizontal bars, a header and a banner, and 3 columns. Each div is defined by css, the left and right are positioned absolutely. The banner currently has one linked image, while the centre column has a float element, a nested div, with an image and the right column has a linked image as the first element within that div. Both the xhtml and css files validate and in all browsers I've tested, Mac and Win PC, everything displays as it should with the exception of Win IE. In Win IE 6, the only Windows version of IE I'm really concerned with, the picture in the floated element and those in the right column do not load (the boxes are collapsed) though if you right click where they should be you can Download them. Can anyone suggest how I can get these images to load properly in IE?
can you show us the code you're working with?relevant sections are:
<div id="content">
...
<div class="inset">
<img style="padding:1px" border="0" width="" height="" src=http://www.webdeveloper.com/forum/archive/index.php/../images/Normandy-PAB1436.jpg" alt="D-Day troops" />
<p class="caption">Troops of ...</p>
</div>
...
</div>
...
<div id="features">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.frontiercollege.ca/"><img border="0"
width="" height="" src=http://www.webdeveloper.com/forum/archive/index.php/"../images/feature/FClogo.gif"
alt="Frontier College" /></a>
...
</div>
#content is defined as:
div#content {
width:420px;
margin-left:150px;
background-color:#000;
color:#fff;
border:1px solid #000;
}
.inset as:
.inset {
float:right;
width:55%;
margin:4px;
border:1px solid #fff;
overflow:hidden;
}
and #features as:
div#features {
position:absolute;
top:180px;
width:180px;
margin-left:580px;
background-color:#600;
color:#fff;
border:1px broken #fff;
}
#features img {
padding:20px 45px;
}
#features p {
text-align:center;
padding:10px;
}ps: if you go to eyreka.net and click on the WebLynx button that'll take you to these pages. They're not fully developed yet, still lots of background graphics for the content section to be developed plus, perhaps, some other thingsTry getting rid of the div off the front of the div# references. id references must be unique anyway and so you shouldn't qualify them. That may be causing the problem or it may not but it will correct an error in your code that might be causing problems.if you mean replacing
div#features {
position:absolute;
...
with
#features {
position:absolute;
...
I don't really see how tying an id to a specific instance of a specific element makes it any less unique but it's now done though doesn't solve my problem.
One thing more about these images. The ones that do display are from external sites as in: <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://jigsaw.w3.org/css-validator/"><img border="0" width="88px" height="31px" src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" /></a>hi again --
if anyone can help i really would appreciate it
why does this code display properly in Opera, Mozilla/Netscape (both Mac and Windows) as well as IE 5.2 Mac and Safari/OmniWeb but not Win IE 6-- if M$ can get it, more or less, right with their Mac version what's with IE 6 and what if any is a work around that won't invalidate my code???if M$ can get it, more or less, right with their Mac version what's with IE 6 I guess you're assuming their is a relationship between those two apps.css and Win IE 6You know, this would be a really good name for a horror movie.Originally posted by fredmv
You know, this would be a really good name for a horror movie.
I totally agree
can you show us the code you're working with?relevant sections are:<div id="content">
...
<div class="inset">
<img style="padding:1px" border="0" width="" height="" src=http://www.webdeveloper.com/forum/archive/index.php/../images/Normandy-PAB1436.jpg" alt="D-Day troops" />
<p class="caption">Troops of ...</p>
</div>
...
</div>
...
<div id="features">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.frontiercollege.ca/"><img border="0"
width="" height="" src=http://www.webdeveloper.com/forum/archive/index.php/"../images/feature/FClogo.gif"
alt="Frontier College" /></a>
...
</div>
#content is defined as:
div#content {
width:420px;
margin-left:150px;
background-color:#000;
color:#fff;
border:1px solid #000;
}
.inset as:
.inset {
float:right;
width:55%;
margin:4px;
border:1px solid #fff;
overflow:hidden;
}
and #features as:
div#features {
position:absolute;
top:180px;
width:180px;
margin-left:580px;
background-color:#600;
color:#fff;
border:1px broken #fff;
}
#features img {
padding:20px 45px;
}
#features p {
text-align:center;
padding:10px;
}ps: if you go to eyreka.net and click on the WebLynx button that'll take you to these pages. They're not fully developed yet, still lots of background graphics for the content section to be developed plus, perhaps, some other thingsTry getting rid of the div off the front of the div# references. id references must be unique anyway and so you shouldn't qualify them. That may be causing the problem or it may not but it will correct an error in your code that might be causing problems.if you mean replacing
div#features {
position:absolute;
...
with
#features {
position:absolute;
...
I don't really see how tying an id to a specific instance of a specific element makes it any less unique but it's now done though doesn't solve my problem.
One thing more about these images. The ones that do display are from external sites as in: <a href=http://www.webdeveloper.com/forum/archive/index.php/"http://jigsaw.w3.org/css-validator/"><img border="0" width="88px" height="31px" src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" /></a>hi again --
if anyone can help i really would appreciate it
why does this code display properly in Opera, Mozilla/Netscape (both Mac and Windows) as well as IE 5.2 Mac and Safari/OmniWeb but not Win IE 6-- if M$ can get it, more or less, right with their Mac version what's with IE 6 and what if any is a work around that won't invalidate my code???if M$ can get it, more or less, right with their Mac version what's with IE 6 I guess you're assuming their is a relationship between those two apps.css and Win IE 6You know, this would be a really good name for a horror movie.Originally posted by fredmv
You know, this would be a really good name for a horror movie.
I totally agree