Jump to content

FF and IE display DIfferences


bjgrooven
 Share

Recommended Posts

My website is flawless in FireFox but I can not get two divisions to work correctly in internet explorer. I am pretty new at CSS scripting, so I am not sure where to go from here. This is my site My WebpagePlease take a look at it in both browsers.Below are my CSS and html documents

/* css file modified from bluerobot.com */html,body {	text-align:center;	margin: 0;	padding: 0;	font-size:12px;	color:black;	background-image:url(../photos/BackFlat.jpg);	background-repeat: no-repeat;	background-attachment:fixed;	background-position:bottom center;}@media all {  #wrapper  {    margin: 0 auto;    padding: 0;    border: 0;    width: 800px;    text-align: left;     }  }@media handheld {  #wrapper  {    width: 90%;    }  }h1 {	margin:0px 0px 0px 0px;	padding:0px 0px 0px 5px;	font-size:18px;	font-style:normal;	font-decoration:underline;	font-family:sans-serif;	color:black;}h2 {	margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;        font-size:14px;	font-family:serif;	font-style:bold;        color:black;}a:link {	color:default;}a:visited {	color:#9C3333;}a:hover {	color:rgb(175,45,35); }a:active {	color:default;}                                                   #header1 {	height:152px;	width:570px;	float: left;	background-color:rgb(238,209,167);		text-align:center;}	#header1 h1 {	font-size:45px;	font-style:corsiva;	padding:0px;}#header1 h2 {	font-size:24px;	font-style:italic;}#thumb {	width:230px;	height:152px;	float: right;	background-image: url("../photos/CU.jpg");}#content {	height:525px;	width:570px;	float: left;	padding:0px 0px 0px 0px;	margin:0px 0px 0px 0px;	color:#960000;}#content h1 {	color:#960000;	font-style:italic, bold;	border-style:solid;	border-color:#9C0033;	border-width:0px 0px 2px 0px;	margin:5px 0px 0px 0px;	padding:2px 0px 1px 3px;}#content h2 {	text-align:left;	color:#960000;	border-style:solid;	border-color:#960000;	border-width:0px 0px 2px 0px;	margin:5px 0px 0px 0px;	padding:2px 0px 1px 3px;}#content p {	padding:7px 10px 10px 10px;	font-size:14px;	overflow:auto;	font-weight:bold;}#content table {	text-align:top;	color:#960000;}#content table h2 {	color:#960000;	border-style:solid;	border-color:#960000;	border-width:0px 0px 2px 0px;	margin:5px 0px 0px 0px;	padding:2px 0px 1px 1px;	text-align:center;}#content table p {	text-align:left;	color:#960000;	border-style:solid;	border-color:#960000;	border-width:0px 0px 1px 0px;}#content a:link {	color:#960000;}#content a:visited {	color:#960000;}	#contacts {	height:525px;	width:230px;	float:right;	margin:0px 0px 0px 0px;	background: transparent url(../photos/ContLogo.jpg) repeat-y center;}#contacts h1 {	text-family:serif;	text-align:center;}#links a:link {	color:rgb(238,209,167);}	#links table {	height:25px;	width:800px;	float: left;	text-align:center;	background-color:black;}#links h1 {	color:rgb(238,209,167);}#links h2 {	color:rgb(238,209,167);}#photos links {	postion:absolute;	top:0px;	left:0px;}#downloads {	height: 152;	width: 230;	float: right;	background: url(../photos/Min.jpg)}#downloads h1 {	color:black;	font-style: bold;	text-align: center;}#downloads h2 {	border-color:rgb(175,45,35)	border-width:0px 0px 2px 0px;	text-align: left;	color:rgb(175,45,35)

<html><head><style type="text/css">@import url("css/NSCS_css.css");</style><title>NSCS_University of Colorado at Boulder</title></head><body><div id="wrapper"><div id="header1"><h1>Welcome to NSCS<br/>in Boulder!</h1><br/><h2>The Home of Leadership, Scholarship, and Service</h2></div><div id="thumb"></div><div id="links"><table border="2"><tr><td><a href="NSCS_calendar.html"><h1>Calendar</h1></a></td><td><a href="NSCS_photo.html"><h1>Pictures</h1></a></td><td><a href="NSCS_PFCS.html"><h1>PFCS</h1></a></td><td><a href="http://www.nscs.org/index.cfm"><h1>NSCS</h1></a></td><td><a href="http://www.colorado.edu"><h1>CU Boulder</h1></a></td><td><h1>Student Webs</td></tr></table></div><div id="content"><h2>Welcome</h2><p>This website is brand new, and exclusively for the NSCS Boulder Chapter!We have a great deal of things going on right now, so check out the <a href="NSCS_calendar.html">calendar</a> to stay up to date! If you need to contact our officers or other NSCS representatives,listed off to the right is their contact info. Also, make sure to take a look atthe pictures of convocation and other events as they become available!</p><h2>PFCS Website</h2><p>Nick and Greg, our PFCS officers have really gotten things rolling with the PFCS program.There have been several events lately and more to come! For all the latest on PFCS in Bouldercheck out their new <a href="NSCS_PFCS.html">website</a>.</p><h2>NSCS Opportunities</h2><p>There are tons of NSCS opportunities to check out right now. Deadlines are approaching right now forScholarships, work programs, and other amazing programs. Visit the <a href="http://www.nscs.org">NSCS home page</a> for more information.</p><h2>Coldstone Fundraiser</h2><p>We have finally recieved the grand total for the funds we raised for hurricane Katrinavictims at the Coldstone Ice Cream event: $52.29. Obviously this isn't much but any bit helps!Perhaps next time we'll have a better turn out, but hey - <i>so it goes</i>.</p></div><div id="contacts"><h1>Chapter Officers</h1><ul><li><b>Jocelyn Liipfert, </b><i>Co-Executive President</i><br /><a href="mailto:jocelyn.liipfert@colorado.edu">Jocelyn.Liipfert@colorado.edu</a></li><li><b>Ashley Sullivan, </b><i>Co-Executive President</i><br /><a href="mailto:Ashley.Sullivan@colorado.edu">Ashley.Sullivan@colorado.edu</a></li><li><b>Adam Schuckman, </b><i>V.P. Public Relations/Treasurer</i><br /><a href="mailto:adam.schuckman@colorado.edu">Adam.Schuckman@colorado.edu</a></li><li><b>Greg Goeken, </b><i>PFCS</i><br /><a href="mailto:gregory.goeken@colorado.edu">Gregory.Goeken@colorado.edu</a></li><li><b>Nick Newsum, </b><i>PFCS</i><br /><a href="mailto:nicholas.newsum@colorado.edu">Nicholas.Newsum@colorado.edu</a></li><li><b>Leigh Murdock, </b><i>Secretary/VP Community Service</i><br /><a href="mailto:leigh.murdock@colorado.edu">Leigh.Murdock@colorado.edu</a></li><li><b>Ben Haugen, </b><i>Historian/Technology Facilitator</i><br /><a href="mailto:benjamin.haugen@colorado.edu">Benjamin.Haugen@colorado.edu</a></li></ul><h1>Other Contacts</h1><ul><li><b>Stephen Schulzetenberg, </b><i>Region 5 National Ambassador</i><br /><a href="mailto:schulzetenberg@NSCS.org">schulzetenberg@NSCS.org</a></li><li><b>Amanda Linsenmeyer, </b> <i>NSCS Advisor</i><br /><a href="mailto:amanda.linsenmeyer@colorado.edu">amanda.linsenmeyer@colorado.edu</a></li><li><b>Jessica Bryant, </b><i>National Leadership Council, Region 5 VP</i><br /><a href="mailto:bryant@nscs.org">bryant@nscs.org</a></li></ul></div><div id="downloads"><h1>Downloads</h1><br/ ><h2>January<a href="JanMin.htm">minutes.</a></h2><h2>PFCS <a href="PFCS.ppt">powerpoint.</a></h2><h2>Casey School <a href="BVSDCalendar.htm">calendar.</a></h2><h2>March to College <a href="MtCD.pdf">flyer.</a></h2></div></div></body></html>

I need to fix those divisions (Contacts and Downloads) that dont display the same in IE as they do in FF.Thanks for your help.Edit changed from code to codebox

Link to comment
Share on other sites

Let's try :)There is no document type declaration. (in NSCS.shtml)Browsers really need it, so You should add followed code to the 1st. line of Your document:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">lines 22 - 26:<a href="NSCS_calendar.html"><h1>Calendar</h1></a>should be as:<h1><a href="NSCS_calendar.html">Calendar</a></h1>one missing </h1> in line 27.strange <br/ > in line 87. should be as <br>Please, fix those, and then we can recheck it :)[grrr! I don't like these W3Schools code-boxes, can't get code copied at any way with opera .. do something, please]

Link to comment
Share on other sites

So I have fixed the things that you mentioned, but I still am having the same problem with the divisions being all out of place in IE. Is there a order that should be taken when calling divisions in the html?Thanks.

there is unlegal <content type: text/html; charset=iso-8859-1>something</content>there is no content -tag in HTMLcontent type must set as:<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">there is:<br/> middle of <h1> tagin HTML br must be: <br>etc.There is too much errors (or one BIG: content-tag) to handle, so You should use W3C validator: Push here to validate FNSCS.shtml and fix those all.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...