Forum Moderators: not2easy
code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/temp.css" rel="stylesheet" type="text/css" />
<title>title</title>
<style type="text/css">
<!--
#main_l_1 {
height: 136px;
width: 200px;
margin-top: 10px;
}
#main_l_1_t {
background-image: url(images/login_p_t.gif);
height: 4px;
width: 200px;
}
#main_l_1_m {
background-image: url(images/login_p_m.gif);
height: 128px;
width: 200px;
}
#main_l_1_b {
height: 4px;
width: 200px;
background-image: url(images/login_p_b.gif);
}
-->
</style>
</head>
<body>
<div id="main_l_1">
<div id="main_l_1_t"></div>
<div id="main_l_1_m"></div>
<div id="main_l_1_b"></div>
</div>
</body>
</html>
How can i fix it?
You may want to not use characters such as "¦" and numbers in your CSS id names.
#main_a
#main_b
or
#main_container
#main_top
#main_mid
#main_bot
I am not sure IE reacts well to characters. It may cause a problem in other browsers too. In fact, I do not recall ever seeing non alpha numeric characters in id's.
Marshall
