SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
Thread: IE not displaying images
Threaded View
-
Nov 16, 2007, 10:57 #1
- Join Date
- Jul 2006
- Posts
- 72
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
IE not displaying images
I'm starting to get the hang of this CSS. I can't figure this one out though. I am working on a project for school and, as always, I run into IE problems. IE is not displaying a few img's in the header and I can't determine what is causing this to happen. Here is the code:
Any ideas?
Code HTML4Strict:<!--Begin Header--> <div id="topsection"> <img src="images/MadLibsTM.gif" width="" height="" alt="" /> <a href="index.html"><img src="images/homeDOWNtab.gif" width="" height="" alt="" id="Home" class="tabs"/></a> <a href="about/index.html"><img src="images/aboutDOWNtab.gif" width="" height="" alt="" id="About" class="tabs"/></a> <a href="play/index.html"><img src="images/playDOWNtab.gif" width="" height="" alt="" id="Play" class="tabs"/></a> <a href="make/index.html"><img src="images/makeDOWNtab.gif" width="" height="" alt="" id="Make" class="tabs"/></a> <a href="help/index.html"><img src="images/helpDOWNtab.gif" width="" height="" alt="" id="Help" class="tabs"/></a> <img src="images/RightSpace.gif" width="" height="" alt="" style="margin-top:38px"/> </div> <!--End Header-->
Code CSS:body,html{ background: #95c9b8; margin:0; padding:0; height:100%; } #maincontainer{ background: #fcffa3; width: 47.5em; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ height:100%; } #topsection{ background: #fcffa3; height: 78px; /*Height of top section*/ padding:0; margin-bottom:-8px; } #topsection img{ float:left; } #contentwrapper{ background: #fcffa3; float: left; width: 100%; } #contentcolumn{ margin: 0 43px 0 82px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ height:100%; } #leftcolumn{ float: left; width: 82px; /*Width of left column in pixel*/ margin-left: -47.5em; /*Set margin to that of -(MainContainerWidth)*/ height:92%; background: #fcffa3; background-image: url(images/LeftMargin.gif); background-repeat: repeat-y; background-position: 0px 30px; } #rightcolumn{ float: left; width: 43px; /*Width of right column*/ margin-left: -43px; /*Set left margin to -(RightColumnWidth)*/ height:92%; background: #fcffa3; background-image: url(images/RightMargin.gif); background-repeat: repeat-y; background-position: 0px 30px; } #footer{ clear: left; width: 100%; background: #fcffa3; text-align: center; padding: 0px 0; } .innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } .tabs{ border:none; width:82px; height:32px; float:left; display:block; margin-top:38px; /*margin-left:-1px; margin-right:-4px;*/ }
Bookmarks