PDA

View Full Version : problem with ie7 and ie8



jrrobles7
23 Feb 2010, 6:21 PM
Hi, Im new on all of this of ext and css, I have a problem with my app.

Works just fine with FireFox, and Safari and Chrome, but on IE6, 7, and 8 only the logo show up. On the forum I have read that the problem is on the html/css but I just dont see it, I know this must be veeeery basic for you, but I dont see the error on the html code, I hope you can help me find it.

Thanks for your attention

this is my code:



<html>
<head>

<title><%=LocaleSettings.getProperty(lang , "lblAccessManager") %></title>

<link rel="stylesheet" type="text/css" href="../ext-3.1.0/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="../mycss.css" />

<script type="text/javascript" src="../ext-3.1.0/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="../ext-3.1.0/ext-all-debug.js"></script>
<script type="text/javascript">
//my extjs app code
</script>
</head>
<body>
<div id="top-div" style="background-color: #ff6702">
<div id="top-title"><%=LocaleSettings.getProperty(lang , "lblAccessManager") %></div>
<img id="box1" src="../images/mylogo.png" alt="logo"/>
</div>
<div id="menu-div"><!-- --></div>
<div id="center-div"><!-- --></div>
<!-- <div id="footer-div">footer</div>-->
</body>
</html>


and part of the css file:


#box1{
position:absolute;
top:0;
left:0;

height: 99px;
width: 99px;
}

.top-div{
position: relative;
}

#top-title{
position:absolute;
bottom: 0px;
left:115px;
font-size:40px;
font-weight: bolder;
color:white;
}

.top-logo{
position:absolute;
top:0;
left:0;
}

joefox
23 Feb 2010, 7:16 PM
Try

.x-btn .accept{background-image:url(../images/accept.png);}
.accept{background-image:url(../images/accept.png);}