Solved

Works in FF but not IE

Posted on 2011-02-23
3
275 Views
Last Modified: 2012-05-11
0
Comment
Question by:Bob Schneider
  • 2
3 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 34965499
You should be using 'top' and 'left' to 'absolute' position your items, not 'margin'
0
 

Author Comment

by:Bob Schneider
ID: 34966776
I am about ready to go with a table here....I must be missing a key concept in terms of layout because I just can't get it to work.....
0
 
LVL 83

Assisted Solution

by:Dave Baldwin
Dave Baldwin earned 500 total points
ID: 34967063
Try this.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="keywords" content="catholic, excelsior, shorewood, deephaven, minnetonka, private, school, elementary,  school, private, chanhassen, spiritual, tonka bay, educational, communities, mn, church">
<meta name="description" content="The St. John the Baptist Catholic Community is dedicated to serving the spiritual and educational needs of the communities of Shorewood, Deephaven, Chanhassen, Victoria, Tonka Bay, and Excelsior, MN.">
<meta name="postinfo" content="/scripts/postinfo.asp">
<meta name="resource" content="document">
<meta name="distribution" content="global">
<!-- Mimic Internet Explorer 7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta name="google-site-verification" content="ZXD2a6RKWnNhISH6V-r0QvEVzo4hVDY2-6UjDJuz2sk">
<title>Classroom Connection Welcome Page</title>

<link rel="stylesheet" type="text/css" href="welcome_page.asp_files/styles.css">
<script type="text/javascript" src="welcome_page.asp_files/scripts.js"></script>

<script type="text/javascript">
<!--
var elapsedTime = 0;
// set to the Session.Timeout value to notify users
// one minute after their Session times out.
var maxTime = (120) * 60;
var oneSecond;
oneSecond = window.setTimeout("timeoutCheck();",1000);
function timeoutCheck() {
    elapsedTime = elapsedTime + 1;
    if (elapsedTime > maxTime) {
        window.location = "/schools/welcome_page.asp?school_id=";
    }
    else {
      oneSecond = window.setTimeout("timeoutCheck();",1000);
    }
}
-->
</script>
</head>
<body style="background: none repeat scroll 0% 0% rgb(236, 236, 216);">
<div id="welcome" style="background: url(''/graphics/1/cc_client_bkgd.gif') no-repeat scroll 0% 0% rgb(222, 142, 199); position: relative;">
	<div style="font-size: 0.8em; top: 250px; left: 825px; padding: 10px 10px 10px 0; position: absolute;">
		
			<dl style="text-align: left; font-size: 0.9em;">
				
							<dt style="font-weight: bold; margin: 5px 5px 0pt;">2/25/2011</dt>
						
							<dd style="margin-left: 10px;"><a href="http://www.classroomconnection.us/schools/calendar/view_event.asp?calendar_id=294" onclick="openThis(this.href,400,200);return false;" style="color: rgb(0, 0, 0);">Spirit Wear Day</a>
							
						</dd>
					
							<dt style="font-weight: bold; margin: 5px 5px 0pt; border-top: 1px solid rgb(0, 0, 0);">2/26/2011</dt>
						
							<dd style="margin-left: 10px;"><a href="http://www.classroomconnection.us/schools/calendar/view_event.asp?calendar_id=404" onclick="openThis(this.href,400,200);return false;" style="color: rgb(0, 0, 0);">Athletics Banquet</a>
							
						</dd>
					
							<dt style="font-weight: bold; margin: 5px 5px 0pt; border-top: 1px solid rgb(0, 0, 0);">2/27/2011</dt>
						
							<dd style="margin-left: 10px;"><a href="http://www.classroomconnection.us/schools/calendar/view_event.asp?calendar_id=328" onclick="openThis(this.href,400,200);return false;" style="color: rgb(0, 0, 0);">Pancake Breakfast</a>
							
						</dd>
					
							<dt style="font-weight: bold; margin: 5px 5px 0pt; border-top: 1px solid rgb(0, 0, 0);">3/3/2011</dt>
						
							<dd style="margin-left: 10px;"><a href="http://www.classroomconnection.us/schools/calendar/view_event.asp?calendar_id=295" onclick="openThis(this.href,400,200);return false;" style="color: rgb(0, 0, 0);">Conferences</a>
							
						</dd>
					
							<dt style="font-weight: bold; margin: 5px 5px 0pt; border-top: 1px solid rgb(0, 0, 0);">3/4/2011</dt>
						
							<dd style="margin-left: 10px;"><a href="http://www.classroomconnection.us/schools/calendar/view_event.asp?calendar_id=296" onclick="openThis(this.href,400,200);return false;" style="color: rgb(0, 0, 0);">No School</a>
							
						</dd>
					
			</dl>
									
	</div>
	<div style="width: 750px; height: 300px; top: 240px; left: 25px; position: absolute; text-align: left;">
		<a href="http://www.classroomconnection.us/schools/home_page.asp?school_id=2">
			<img src="welcome_page.asp_files/blank-350-300-1.gif" style="width: 350px; height: 300px; margin: 0pt; padding: 0pt; float: left; border: 1px solid blue;">
		</a>
		<a href="http://www.classroomconnection.us/schools/home_page.asp?school_id=1" style="border: medium none; text-decoration: none;">
			<img src="welcome_page.asp_files/blank-350-300-1.gif" style="width: 350px; height: 300px; left: 400px; margin: 0pt; padding: 0pt; position: absolute; border: 1px solid blue;">
		</a>
	</div>
	
	<div style="top: 485px; left: 800px; padding: 0pt; width: 180px; position: absolute;">
		<div style="width: 180px; height: 150px; background-image: url(&quot;http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/clouds_180x150_bg.jpg&quot;); background-repeat: no-repeat;"><div id="NetweatherContainer" style="height: 138px;"><object id="netWxV2" name="netWxV2" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="180" height="135"><param name="movie" value="http://netwx.accuweather.com/netWx-V28.swf?zipcode=55331&amp;customtheme=&amp;theme=clouds&amp;metric=0&amp;target=_self&amp;lang=eng&amp;url=&amp;video=&amp;category=&amp;logo=1&amp;tStyle=normal&amp;partner=netweather&amp;myspace=0"> <param name="wmode" value="transparent"> <param name="AllowScriptAccess" value="always"> <embed id="netWxV2" src="welcome_page.asp_files/netWx-V28.swf" name="netWxV2" wmode="transparent" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="135"></object></div><div style="text-align: center; font-family: arial,helvetica,verdana,sans-serif; font-size: 10px; line-height: 12px;"><a style="" href="http://www.accuweather.com/us/MN/EXCELSIOR/55331/city-weather-forecast.asp?partner=accuweather&amp;traveler=0">Weather Forecast</a> | <a style="" href="http://www.accuweather.com/maps-satellite.asp">Weather Maps</a></div></div>
	</div>
	
	<div style="top: 570px; left: 35px; padding: 5px; font-size: 0.75em; background: none repeat scroll 0% 0% transparent; text-align: left; width: 600px; position: absolute;">	
		<p style="text-align: left; text-indent: 0pt; width: 720px; margin: 0pt; padding: 0pt;">St. John&#8217;s mission is to know, love, serve, and share Christ through worship, teaching, stewardship, and witness!
</p>
		<p style="text-align: left; text-indent: 0pt; width: 720px; margin: 0pt; padding: 5px 0pt 0pt;">The
 St. John the Baptist Catholic Community is dedicated to serving the 
spiritual and educational needs of the communities of Shorewood, 
Deephaven, Chanhassen, Victoria, Tonka Bay, and Excelsior, MN.</p>	
	</div>
</div>

</body></html>

Open in new window

0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question