...

View Full Version : Site not showing properly in IE



purplerose
11-09-2006, 05:04 AM
Hi, my site is not showing properly in IE, but looks great in Firefox, I know it is the floats, but why I don't know since I cleared them both

here is the code I am using in the php page

<? include ("header.txt"); ?>
<div id="page">
<div id="headerimg">
</div>
<div id="topbar">
</div>
<div id="content">
<table summary="main content" width="90%"><tr><td>
<p align="justify"><span>Welcome to Call Me Farms, your first choice in breeding
for Australian Cattle dogs, Border Collies, and Rat Terriers. Located in Parrish,
Florida, Call Me Farms takes pride in bringing you the very best there is to
offer in these breeds.</span></p>
<p align="justify"><span>Here at Call Me Farms we breed for Ability, Beauty,
Brawn. My dogs are tested-OFA Hips, Elbows, Prcd and we have a lot of proven
finished Champions that are my best buds. My dogs are in all kinds of
venues-agility-herding-flyball-protection-conformation and just being a good dog
and your best friend. We have produced five generations of Champions and over 34
home bred Champions. I say it's a good start.</span></p>
<p align="justify"><span>Here in our site you will find all the information you
will need about our breeds, from confirmation through companionship. There are
all the latest updates on how well my dogs are doing in competitions, as well as
when the puppies are available. Photos of my dogs abound so you can see how
beautiful and well bred they are. There is also a page on my foundation dogs,
which started it all.</span></p>
<div id="currentevents">
</div>
<div style="height: 350px; width: 500px; overflow: auto">
<!--UPDATES BEGIN HERE-->
<? include ("update.txt"); ?>
<!--UPDATES END HERE-->
</div>
<div id="publications">
</div>
<div align="center">
<p align="justify">These are just some of the publications our dogs have
appeared in. They have also appeared in numerous calendars, greeting cards,
note cards, stationary, and more!</p>
<br />
<br />
<img src="images/books.jpg" alt="Publications" width="500" height="100" /><br />
<br />
<br />
<br />
<? include ("footer.txt"); ?>
<br />
</div>
</td></tr></table>
</div>
<div id="sidebar">
<div align="center">
<? include ("menu.txt"); ?>
<br />
<br />
<table summary="Recommend Us" class="textbox1" width="200" align="center">
<tr>
<td valign="top" class="textboxheader">
<div align="center">
Recommend Us
</div>
</td>
</tr>
<tr>
<td>
<div align="center">
<br />

<form method="post" action="cgi-bin/recommend.cgi">
<small>Friends Name:</small><br />
<input type="text" name="recipient_name" size="15"
class="input" /><br />
<small>Friends Email Address:</small><br />
<input type="text" name="recipient_email" size="15"
class="input" /><br />
<small>Your Name:</small><br />
<input type="text" name="sender_name" size="15"
class="input" /><br />
<small>Your Email Address:</small><br />
<input type="text" name="sender_email" size="15"
class="input" /><br />
<br />
<input size="1" type="submit" class="button" value="Submit" />
</form>
</div>
</td>
</tr>
</table>
<br />
<br />
<small>last updated<br />
<script type="text/javascript" language="JavaScript" src="java/update.js">
</script>
</small>
<br />
<br />
<!--HIDDEN LINKS REQUIRED FOR COUNTER-->
<a href="http://www.4computercoupons.com/fujitsu-coupons.html"></a><a
href="http://www.bestonlinecoupons.com/coupon/computers.asp"></a>
<!--END HIDDEN LINKS FOR COUNTER-->
<a href="http://www.amazingcounters.com"><img border="0"
src="http://c6.amazingcounters.com/counter.php?i=1308498&amp;c=3925807"
alt="Website Visitor Counter" /></a><br />
<small>visitors</small>
</div>
</div>
<div class="clear">&nbsp;</div>
<div id="footer">
</div>
</div>
</body>
</html>

and here is the css

/* CSS Document */
/* basic elements */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #545838;
background-color: #e9ebdc;
background-image: url(images/bg.jpg);
margin-top: 0px;
}
p {
font:12px Verdana, Arial, Helvetica, sans-serif; color:#545838;
margin-top: 0px;
}

td {
font:12px Verdana, Arial, Helvetica, sans-serif; color:#545838;
margin-top: 0px;
text-align: justify;
}

ul,ol,li {
font:11px Verdana, Arial, Helvetica, sans-serif; color:#545838;
margin-top: 2px;
margin-bottom: 2px;
}


h1 {
font:20px verdana,helvetica,sans-serif;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
color:#545838;
}
h2 {
font:11px verdana,helvetica,sans-serif;
color:#545838;
font-weight: bold;
margin-bottom: 1px;
margin-top: 1px;
letter-spacing: 2pt
}
h3 {
font:10px verdana,helvetica,sans-serif;
color:#545838;
font-weight: bold;
margin-bottom: 2px;
margin-top: 2px;
letter-spacing: 1pt
}

h4 {
font:16px verdana,helvetica,sans-serif;
color:#545838;
font-weight: bold;
text-decoration: underline overline;
letter-spacing: 1pt;
margin-bottom: 2px;
margin-top: 2px;
}

a:link {font-style: italic; text-decoration: none; color: #545838;}

a:visited {font-weight: normal; text-decoration: line-through; color: #cbcfad;}

a:hover {text-decoration: underline overline; color: #000000;}

a:active {font-style: italic; text-decoration: none; color: #a2a876;}

tinytext {
font:9px Verdana, Arial, Helvetica, sans-serif; color:#545838;
margin-top: 0px;
text-align: center;
}

small {
font:10px Verdana, Arial, Helvetica, sans-serif; color:#545838;
margin-top: 0px;
text-align: center;
}

HR {color: #545838; height: 1px; }




/* specific divs */

#page {
background-color: #fdfdfb;
width : 750px;
padding : 0;
margin : 0 auto;
text-align : left;
height : auto;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
}

#headerimg {
background-image : url(images/callmefarms.jpg);
margin : 0 auto;
width : 750px;
height : 280px;
padding : 0;
}

#topbar {
background-image : url(images/header1.jpg);
margin : 0 auto;
width : 750px;
height : 85px;
padding : 0;
}
#content {
float : left;
width : 500px;
}

#sidebar {
float : left;
width : 250px;
height : auto;
padding : 0;
}
#currentevents {
background: #fdfdfb url(images/currentevents.jpg) no-repeat top left;
margin-top: 0px;
width: 500px;
height: 75px;
}
#publications {
background: #fdfdfb url(images/publications.jpg) no-repeat top left;
margin-top: 0px;
width: 500px;
height: 100px;
}
#footer {
background: #a2a876 url(images/footer.jpg);
width : 750px;
padding : 0;
height: 75px;
}

#resources {
background: #e9ebdc url(images/resources.jpg) no-repeat top left;
width: 250px;
height: 60px;
text-align: center;
}

/* specific classes */

.input {
font-family: arial;
font-size: 12px;
color: #545838;
background-color: #fafaf6;
border-style: dashed;
border-width: 1px 1px 1px 1px;
border-color: #a2a876;

}

.button {
font-family: arial;
font-size: 9px;
color: #545838;
background-color: #fafaf6;
border-style: dashed;
border-width: 1px 1px 1px 1px;
border-color: #a2a876;
}

.textbox {
background-color: #ffffff;
border: 1px solid #a2a876;
color: #545838;
font-size: 9px;

}

.textbox1 {
background-color: #f4f5ef;
color: #545838;
font-size: 9px;

}


.textboxheader {
font-variant: normal;
background-color: #a2a876;
color: #fafaf6;
font-weight: bold;
text-transform: capitalize;
font-size: 11px;
letter-spacing: 2px;
text-align: center
}
.clear {
clear:both;
font-size:0;
line-height:0px;
height:0;
}

at this point I am totally clueless as to what is the problem here, any help would be most appreciated....thanks!!

purplerose
11-10-2006, 12:30 AM
sorry forgot to add my doctype

<!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">



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum