Get ready for BLACK FRIDAY shopping starting in

Forums

This topic is locked

SSI skewed in IE6

Posted 01 May 2006 05:41:12
1
has voted
01 May 2006 05:41:12 Dave Bruno posted:
Page warped in IE.
The page I'm creating with Dreamweaver 8 looks fine in Mozilla, but very skewed in Internet Explorer 6. Here is the url:
s87217786.onlinehome.us/Englishy/
Thanks in advance for any help.
The file containing the ssi codes that are being “called” by index.html looks like this:
<div id="navigation">
<div id="image">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="160" height="160" title="FlashFaces">
<param name="movie" value="Graphics/EnglishFaces.swf" />
<param name="quality" value="high" />
<embed src="Graphics/EnglishFaces.swf" quality="high" pluginspage="www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="160" height="160"></embed>
</object>
</div>
<div id="navbar">
<script webstyle4>document.write('<scr'+'ipt src="xaramenu.js">'+'</scr'+'ipt>');document.write('<scr'+'ipt src="Graphics/navbargraphics/navgraphics.js">'+'</scr'+'ipt>');/*img src="Graphics/navbargraphics/NavGraphics.gif" moduleid="navbar (Project)\NavGraphics_off.xws"*/</script>
</div>
</div>
<div id="banner"><span class="style1">Content for id "banner" Goes Here</div>

The css file looks like this:
#container {
width: 800px;
border: thin none #FFFFFF;
}
#navigation {
background-image: url(../Graphics/LeftFrameBack_Rothko.gif);
float: left;
height: 600px;
width: 180px;
}
#image {
height: 160px;
width: 160px;
padding-top: 10px;
padding-left: 10px;
}
#navbar {
width: 160px;
padding-top: 40px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#banner {
background-image: url(../Graphics/TopBack.gif);
height: 80px;
width: 620px;
margin-left: 180px;
color: #000000;
}
#content {
background-image: url(../Graphics/MainFrameBack_Caxton.gif);
height: 520px;
width: 617px;
margin-left: 0px;
padding-top: 3px;
padding-left: 3px;
color: #000000;
overflow: scroll;
}
ACTUALLY, I SOLVED THE PROBLEM BY NARROWING THE WIDTH OF THE CONTENT AND BANNER. IE6 SEEMS LESS FORGIVING THAN MOZILLA ABOUT VARIATIONS IN WIDTH.

Edited by - aristophanes on 01 May 2006 08:16:59

Reply to this topic