FireFox IE7 CSS issue...

Discussion in 'CSS' started by ddivita, May 1, 2008.

0
  1. #1
    This looks great in FireFox, but IE doesn;t like it. Does anybody have any thoughts? 

    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Features</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
<!--
#Table_01 {
	width:318px;
	height:164px;
}
#Features-03 {
float:left;
	width:70px;
	height:51px;
}
#Features-04 {
	float:left;
	width:237px;
	height:51px;
	background-color: #8CDAFE;
	text-align:right;
	vertical-align:middle;
}
#Features-05 {
	float:right
	width:11px;
	height:10px;
}
#Features-07 {
	float:right;
	width:11px;
	height:41px;
	background-color: #8CDAFE;
}
#Features-08 {
float:left;	
	width:318px;
	height:103px;
	background-color: #8CDAFE;
}
#Features-09 {
	float:left;
	width:11px;
	height:10px;
}
#Features-10 {
	float:left;
	width:296px;
	height:10px;
	background-color: #8CDAFE;
}
#Features-11 {
	float:left;
	width:11px;
	height:10px;
}
#featureText{
	padding:5px;
}
.style2 {
	font-size: 10px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
}
.style3 {font-size: x-large; color: #FFFFFF; font-family: "Trebuchet MS";}
.style4 {
	font-size: 36px
}
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (Features.psd - Slices: 03, 04, 05, 07, 08, 09, 10, 11) -->
<div id="Table_01">
  <div id="Features-03"> <img src="images/Features/Features_03.png" width="70" height="51" alt="" /> </div>
  <div class="style3 style4" id="Features-04">Statistics</div>
  <div id="Features-05"> <img src="images/Features/Features_05.png" width="11" height="10" alt="" /> </div>

  <div id="Features-07"> </div>
  <div id="Features-08"><div class="style2" id="featureText">In today’s market, Craiglist.com has become an invaluable tool for real estate professionals. With SS, your custom sales flyers can be converted to a custom Craig list ad. Create the ad, copy and paste.  It’s as easy as that to stand out from the crowd.  Several templates are available that include images of the listing, your realtor photo, and other information, as well as a link to your virtual tours.</div> 
  </div>
  <div id="Features-09"> <img src="images/Features/Features_09.png" width="11" height="10" alt="" /> </div>
  <div id="Features-10"> </div>
  <div id="Features-11"> <img src="images/Features/Features_11.png" width="11" height="10" alt="" /> </div>
</div>

</body>
</html>
    HTML:
     
    ddivita, May 1, 2008 IP
  2. ddivita

    ddivita Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I applied the styles directly to the images and removed the IDs fromt he divs.

    Daniel
     
    ddivita, May 1, 2008 IP
  3. Hades

    Hades Well-Known Member

    Messages:
    1,873
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    150
    #3
    Hmm I thought I posted, guess I didn't sorry. I think this was your problem:

    #Features-05 {
    [COLOR="Red"]float:right[/COLOR]
    width:11px;
    height:10px;
    Code (markup):
    You're missing a semi-column
     
    Hades, May 1, 2008 IP
  4. ddivita

    ddivita Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yeah, I know, but even after correcting it, the page still did not look right. Like I said, I applied the styles directly to the images. Thanks.

    Daniel
     
    ddivita, May 2, 2008 IP