Jump to content

IE and funky placement of elements


Recommended Posts

My wesite looks great in FF but in IE two divisions, contacts and downloads are out of place. Contacts is supposed to float to the right of the text in the content division, and downloads is supposed to float right directly below contacts. This does not happen; instead the contacts division floats righ below the text, and downloads floats right to the immediate left of contacts. I have included a copy of my CSS. I think the problem lies within the order of division calling in my html pages. I call wrapper, header1, thumb, content, contacts, and finally downloads all in that order.

/* 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:"times new roman";	font-style:bold;	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"><h1>Welcome</h1><h2>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!</h2><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>Officer Elections</h2><p>We are currently looking for a new Vice President of Community Service, Vice President of Fundraising, and Secretary. This is an amazing opportunity!  It is an excellent resume builder and it is also a lot of fun. If you’ve been hoping to become more involved on campus, this is the perfect opportunity!<br/ >If you are interested, please email Ashley.Sullivan@colorado.edu with your name, your interests in the office, you past involvement with the chapter, your applicable skills and experience, and what you hope to bring to the office.  The current officers will then set up an interview session with each member interested.<br/ >*Don’t worry if you haven’t been very involved with the chapter, Jocelyn and I became officers before we were even inducted!</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.Goekin@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 Schultzenberg, </b><i>Region 5 National Ambassador</i><br /><a href="mailto:schultzenberg@NSCS.org">schultzenberg@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><br/ >PFCS PowerPoint <a href="PFCS.ppt">presentation.</a><br/ >Casey School PFCS <a href="BVSDCalendar.htm">calendar.</a></h2></div></div></body></html>

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...