Jump to content

Works In Ff Not In Ie


maureen

Recommended Posts

hi i took over maintenance for my lab's website after my coworker who wrote it graduated. http://nsel.cee.illinois.eduwe recently switched from cee.uiuc.edu/nsel and ever since then some of the pages don't look right in IE. they all seem to work fine in FF.the top page works now, after switching the media type from screen to all, and the pages on the first layer of that menu look good - its the one further down that dont work. for instance, in IE, nsel.cee.illinois.edu works fine and so does http://nsel.cee.illinois.edu/facility.htm but http://nsel.cee.illinois.edu/website2008up...acility/siw.htm looks weird. it looks to me like its not applying the style sheet. i dont know a whole lot about using css - i have been looking through the tutorial and it seems that all the sites are calling up the same sheet the same way - they are all using the same template. why would THIS level of pages not work? I am just so confused. anyway, here is the ie7 css sheet that was set up

/* CSS Document */body {	margin: 0;	font-family: "Times New Roman", Times, serif;	font-size: 16px;	color: #595959;}h1, h2, h3 {	margin: 0;	font-family: "Times New Roman", Times, serif;	color:#204791;}h1 {	font-size: 31px;}h2 {  	font-size: 24px;}h4 {	margin: 0;	font-family: "Times New Roman", Times, serif;	color: #595959;}/* drop down menus */#nav, #nav ul {	list-style-type: none; 	padding: 0; 	font-family: Times, serif; /*	color: #595959;        */	font-size: 1em; 	margin: 0; 	display: block;}#nav a {	display: block; 	color: #000033;	/*text color of links in navigation bar*/	text-decoration: none; 	height: 27px;}#nav a:hover {	text-decoration: underline; 	display: block;}#nav li:hover {	background-color: #fab534; /*background color of links when you rollover with the curser*/	display: block;}#nav li a:hover {	text-decoration: none;}#nav li {	float: left; 	/*border-left: 1px solid #cccccc; */  /*lineweight and color of border separating links in navigation bar*/	padding: 10px 8px 0 8px; 	height: 27px; 	display: block;}#nav li ul {	position: absolute;	left: -999em; 	background-color: #f8f8f8;  /*background color of margins surrounding links in drop down menus*/	width: 255px; /*width of drop down menus*/	border-left: none; 	padding: 15px 0 10px 15px; 	margin: 0 0 0 -8px; 	border-top: 1px solid #4b6084;  /*lineweight and color of border at top of drop down menus*/	border-left: 1px solid #4b6084;       /*****//**********/	border-right: 1px solid #4b6084;      /*****//**********/	border-bottom: 1px solid #4b6084;     /*****//**********/}#nav li ul li {	display: block; 	border-left: none; 	font-size: 0.9em; 	padding: 0; 	color: #595959; 	margin: 0 0 -5px 0; 	float: none;}#nav li ul li a {	color: #4b6084; 	background-color: #f8f8f8;  /*background color of drop down menus (not including the margins surrounding the links)*/}#nav li ul li a:hover {	text-decoration: underline; 	color: #4b6084;}#nav li ul li ul {	display: none;}#nav li:hover ul {	left: auto;}#nav li:hover ul, #nav li.sfhover ul {	left: auto;}.style8 {color: #262875}.style9 {font-size: 12px}/*link formatting*/a {	font-family: Times New Roman, Times, serif;	color: #4b6084;}a:link {	text-decoration: none;}a:visited {	text-decoration: none;	color:#4b6084;}a:hover {	text-decoration: underline;	color: #4b6084;}a:active {	text-decoration: none;}/*bottom navigation link formatting*/#bot_nav a {	font-family: Times New Roman, Times, serif;	color: #595959;}#bot_nav a:link {	text-decoration: none;}#bot_nav a:visited {	text-decoration: none;	color: #999999;}#bot_nav a:hover {	text-decoration: underline;	color: #003C84;}#bot_nav a:active {	text-decoration: none;}#bot_nav {	border-top: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;	padding-top: 2px;	padding-bottom: 2px; }/*left navigation menu*/#leftnav {	margin: 20px 20px 20px 20px;}.leftnav_sub1 {	font-size: 14px;}#maincontent {	padding-left: 20px;	margin-top: 20px;	margin-bottom: 20px;	border-left: 1px solid #cccccc;}/*list style*/ul {	margin-left: 15px;  /*different from ../css/style1.css*/}ul li {	padding-left: 10px;}/*table style*/.tablestyle1 {	text-align: center;	border: 1px solid #E3D2AC;}.tablestyle1 tr{	border: 1px solid #E3D2AC;}.tablestyle1 tr td {	border: 1px solid #E3D2AC;}.tablestyle1 tr td p {	margin-top: 0px;	margin-bottom: 0px;}/*table style 2*/.tablestyle2 {	text-align: left;}.tablestyle2 tr td {	padding-top: 7px;	padding-bottom: 7px;}/*top bar formatting*/#top_bar {	border-bottom: 1px solid #cccccc;	border-top: 1px solid #4b6084;}#search_app {	padding-top: 2px;	margin-bottom: -2px;	vertical-align: middle;}#borderstyle1 {	border: 1px solid #cccccc;}#header_bg {	background-repeat: no-repeat;}/*right margin of text intro on nsel homepage*/#introtext {	padding-right: 25px;}.style_heading {	font-size: 13px;	color:#1E2959;}	#proj_h1 {	border-bottom: 1px solid #4b6084;}#proj_txt{	padding-top: 15px;	line-height: normal;		}#proj_txt p{	margin-top: 5px;	margin-bottom: 5px;}#p_spacing {	margin-top: 10px;	line-height: normal;	text-align: right;	padding-top: 27px;}#p_spacing p {	margin-top: 2px;	margin-bottom: 2px;}#p_spacing2 {	margin-top: 10px;	line-height: normal;}#p_spacing2 p {	margin-top: 1px;	margin-bottom: 1px;}/*Formatting for the Testing Machine Rental Directions List*/#t_mac_directions_list {	line-height: 22px;}#t_mac_directions_list li ul li {	list-style-type: circle;}#t_mac_directions_list li ul li ul li {	list-style-type: none;}/**********************/#people_info {	font-size: 13px;}#people_info tr td p {	margin-top: 0px;	margin-bottom: 0px;}/**********************/#struct_tbls {	font-size: 14px;}#struct_tbls tr td p {	margin-top: 0px;	margin-bottom: 0px;}/**********************/#t_floor_imgs {	padding-top: 15px;	padding-bottom: 15px;}/****caption style******/.image caption, .image div {	font-size: 14px;	color: #4b6084;	font-style: italic;	margin-top: 5px;	margin-bottom: 5px;	padding-top: 4px;}/******float right*******/#imgright {	float: right;	margin-left: 10px;	margin-bottom: 10px;	margin-top: 20px;}div.imgright {	float: right;	margin-left: 10px;	margin-bottom: 10px;	margin-top: 20px;}#imgright2 {	float: right;	margin-left: 10px;	margin-bottom: 10px;}/*****/.footnotes {	font-size: 14px;}.footnotes p {	margin-top: 7px;	margin-bottom: 7px;}

My question is - how do I make it all work in IE? What is wrong there?Thanks for any help -maureen

Link to comment
Share on other sites

look closely at the source code of http://nsel.cee.illinois.edu/website2008up...acility/siw.htm.The css files included for ff and ie are different and there paths in file system is also different.ff path is correct while ie path is wrong.
i am using dreamweaver to edit my site and the problem is in the templates. for whatever reason i dont think they are updating. but now that i know that is the issue, i think i can crank it out.thanks
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...