I know this is off topic, but I'm sure someone here can answer my question.
The following works in FF but not in IE:
---- The.css (included) ----
<style type="text/css">
div.AdminWrapper{
width: 850px;
border: 1px solid #AAAAAA;
background-color: #F9F9F9;
text-align: left;
margin: auto;
overflow: auto;
}
div.SiteHeader{
border: 1px solid #AAAAAA;
background-color: #CDD9E5;
padding-left: 5px;
padding-right: 5px;
}
p.SiteHeaderText{
font-size: 20px;
font-weight: bold;
color: #466686; /*#698DB0 (light), #5880A7 (darker), #4F7396 (darker
still), #466686 (darkest yet)*/
}
div.Spacer {
height: 5px;
}
div.SideBar{
display: block;
float: right;
width: 210px;
border: 1px dashed;
}
div.SideBarItem{
margin: 3px;
padding: 3px;
border: 1px solid #AAAAAA;
background-color: #F1F1F1;
}
div.SideBar .Title{
background-color:#466686;/*#BAB9BC*/
margin: 0px;
padding: 5px 3px;
}
div.SideBar .Title .Text{
font-weight: bold;
font-size: 1.0em;
color: #E9E9E9;
cursor: default;
}
</style>
---- The Markup ----
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd";>
<html>
<head>
<title>Some Title</title>
<style type="text/css">@import url("CSS/The.css");</style>
<script type="text/javascript" src="Include/js/jquery.js"></script>
<script type="text/javascript"
src="Include/js/jquery-odbcdates.js"></script>
</head>
<body>
<div class="AdminWrapper">
<div class="SiteHeader">
<p class="SiteHeaderText">My Web Site</p>
</div>
<div class="SideBar">
<div class="SideBarItem">
<div class="Title">
<span class="Text">My Title</span>
</div>
<span style="font-family: verdana; font-size: 11px;
line-height:1.5;">
<a href="#">Item 1</a><br>
<a href="#">Item 2</a><br>
<a href="#">Item 3</a><br>
<a href="#">Item 4</a><br>
</span>
</div>
</div>
<div class="Spacer"></div>
<div class="Application">Stuff Goes Here</div>
</div>
</body>
</html>
This code is supposed to produce a column on the right-hand side of the
page (as seen in many blog pages) where I can have different sections.
I'm calling this a "SideBar" and each section is a "SideBarItem". The
section is supposed to be 210px wide. In FF this is working, in IE it's not.
I've stripped out unnecessary script and ColdFusion to make the sample
smaller.
Can someone tell me what I'm doing wrong?
Thanks,
Chris
--
http://www.cjordan.info
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Upgrade to Adobe ColdFusion MX7
Experience Flex 2 & MX7 integration & create powerful cross-platform RIAs
http:http://ad.doubleclick.net/clk;56760587;14748456;a?http://www.adobe.com/products/coldfusion/flex2/?sdid=LVNU
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:267302
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
