 |
 |
IE woes
|
 |
|
 |
|
Mac Enthusiast
Join Date: Jul 2003
Status:
Offline
|
|
I am trying to throw together a little website real quickly. Due to my personal web limitations, I am tyring to use a dreamweaver template. But, there is something that is real irritating about the appearance of my index page on IE. Can you take a peak at the page? What irritates me is all the space that is seen below the "our goals" area. There is a lot of white space between the "our goals" area and the table below with all the pictures.
It looks fine on Safari, but on Win IE, the big ole space is there. I really appreciate the help. 
|
|
|
| |
|
|
|
 |
|
 |
|
Fresh-Faced Recruit
Join Date: Feb 2006
Status:
Offline
|
|
Hi, Replace your index file with the following 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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/emx_nav_left.css" type="text/css" />
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;
//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = allitems;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}
//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}
function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:538px;
height:115px;
z-index:1;
left: 83px;
top: 4px;
}
.picture { float: left;
margin-right: 10px;
}
.style1 {color: #0000FF}
.style2 {color: #FF0000}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersi on)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">
links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">
footer (site information)</a> </div>
<div id="masthead">
<h1 id="siteName"> Welcome To Saint Louis Sports Medicine </h1>
<div id="utility">
</div>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<div id="globalNav"> <img alt="" src="images/gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="images/glbnav_right.gif" height="32" width="4" id="gnr" />
<div id="globalLink"> <a href="http://www.stlsportsmedicine.com/logged_in_index.php" class="glink";>
Home </a><a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">
Knee Topics </a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">
Shoulder Topics </a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">
Elbow Topics </a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">
Ankle Topics </a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">
Sports and Exercise </a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">
Other </a></div>
<!--end globalLinks-->
</div>
<!-- end globalNav -->
<div id="subglobal1" class="subglobalNav"> <a href="http://orthoinfo.aaos.org/indepth/thr_report.cfm?Thread_ID=14&topcategory=Knee" target="_blank">
ACL</a> | <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?thread_id=158&topcategory=Injur y%20Prevention" target="_blank">
ACL in Women </a> | <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?Thread_ID=177&topcategory=Arthr itis" target="_blank">
Knee Arthritis </a> | <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?Thread_ID=513&topcategory=Knee" target="_blank">
Knee Replacement </a> | <a href="http://orthoinfo.aaos.org/booklet/view_report.cfm?Thread_ID=8&topcategory=Knee" target="_blank">
Knee Arthroscopy </a>| <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?thread_id=277&topcategory=Knee" target="_blank">
Meniscus Tear </a> | <a href="http://orthoinfo.aaos.org/category.cfm?topcategory=Knee">
Other Knee Topics </a> </div>
<div id="subglobal2" class="subglobalNav"> <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?Thread_ID=127&topcategory=Shoul der" target="_blank">
Rotator Cuff </a> | <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?Thread_ID=171&topcategory=Shoul der" target="_blank">
Shoulder Dislocation </a> | <a href="http://orthoinfo.aaos.org/brochure/thr_report.cfm?Thread_ID=43&topcategory=Should er" target="_blank">
Shoulder Pain </a> | <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?thread_id=133&topcategory=shoul der" target="_blank">
Shoulder Impingement </a> | <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?thread_id=289&topcategory=arthr itis" target="_blank">
Shoulder Arthritis </a> | <a href="http://orthoinfo.aaos.org/fact/thr_report.cfm?Thread_ID=255&topcategory=Shoul der" target="_blank">
Labral Tear </a> | <a href="http://orthoinfo.aaos.org/category.cfm?topcategory=Shoulder" target="_blank">
Other </a> </div>
<div id="subglobal3" class="subglobalNav"> <a href="#">subglobal3 link</a> | <a href="#">
subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">
subglobal3 link</a> | <a href="#">subglobal3 link</a> | <a href="#">
subglobal3 link</a> | <a href="#">subglobal3 link</a> </div>
<div id="subglobal4" class="subglobalNav"> <a href="#">subglobal4 link</a> | <a href="#">
subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">
subglobal4 link</a> | <a href="#">subglobal4 link</a> | <a href="#">
subglobal4 link</a> | <a href="#">subglobal4 link</a> </div>
<div id="subglobal5" class="subglobalNav"> <a href="#">subglobal5 link</a> | <a href="#">
subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">
subglobal5 link</a> | <a href="#">subglobal5 link</a> | <a href="#">
subglobal5 link</a> | <a href="#">subglobal5 link</a> </div>
<div id="subglobal6" class="subglobalNav"> <a href="#">subglobal6 link</a> | <a href="#">
subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">
subglobal6 link</a> | <a href="#">subglobal6 link</a> | <a href="#">
subglobal6 link</a> | <a href="#">subglobal6 link</a> </div>
<div id="subglobal7" class="subglobalNav"> <a href="#">subglobal7 link</a> | <a href="#">
subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">
subglobal7 link</a> | <a href="#">subglobal7 link</a> | <a href="#">
subglobal7 link</a> | <a href="#">subglobal7 link</a> </div>
<div id="subglobal8" class="subglobalNav"> <a href="#">subglobal8 link</a> | <a href="#">
subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">
subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">
subglobal8 link</a> | <a href="#">subglobal8 link</a> </div>
</div>
<p>
<!-- end masthead -->
</p>
<div id="pagecell1">
<!--pagecell1-->
<img alt="" src="images/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="images/tr_curve_white.gif" height="6" width="6" id="tr" />
<div id="breadCrumb"> <a href="#">About Us </a> / <a href="#">FAQ</a> / <a href="#">
Contact Us </a> / </div>
<div id="pageName">
<h2>Home</h2>
<img alt="small logo" src="images/sprinter.gif" height="59" width="61"/> </div>
<style type="text/css">
<!--
.style1 {color: #000000}
}
-->
</style>
<div id="pageNav">
<div class="login"><form action="http://www.stlsportsmedicine.com/logged_in_index.php" method=POST>
<p><span class="style1">Username</span>
<input type=text name=username size="15">
<span class="style1">Password </span>
<input type=password name=passwd size="15">
<p><input type=submit class=mainbutton name=_phpguarddoglogbut value=Submit></p>
<input type=hidden name=_phpguarddogaction value=login>
<input type=hidden name=_phpguarddogreturnurl value="/phpgdv40/admin_help_customization.php">
</p>
</form>
</div>
<div id="sectionLinks"> <a href="http://www.podopedia.com/phpgdv40/guard_edit_user.php">
Register</a><a href="http://www.podopedia.com/phpgdv40/guard_logout.php">Logout</a><a href="http://www.podopedia.com/phpgdv40/guard_emailpass.php">Lost
Password</a><a href="http://www.stlsportsmedicine.com/forum">Forum</a><a href="http://www.oastl.com/emailform.asp?Dept_ID=0&NavButton=05&Main= Y">See
A Physician</a></div>
<div class="relatedLinks">
<h3>Resources </h3>
<a href="http://www.wheelessonline.com"> Newsletter </a> <a href="http://www.sportsmed.org/sml/team.asp">
Exercise with Arthritis </a> <a href="http://www.sportsmed.org/sml/document.asp?did=231">
Youth Baseball </a> <a href="http://home.mdconsult.com/bin/login?URI=http%253A//home.mdconsult.com/php/40761759-2/home.html">
MD Consult</a></div>
<div class="relatedLinks">
<h3>Journals</h3>
<a href="http://www.ejbjs.org">JBJS</a> <a href="http://ajs.sagepub.com/">
AJSM</a> <a href="http://www.jaaos.org/">JAAOS</a> <a href="http://www2.us.elsevierhealth.com/inst/serve?db=home&id=ar">
Arthroscopy</a> <a href="http://www.corronline.com">CORR</a> <a href="http://journals.elsevierhealth.com/periodicals/ymse">
JSES</a> <a href="http://www.springerlink.com/(0ubu2l55hhahyyvs0peuwlmi)/app/home/main.asp?referrer=default">
Knee, Sports, Trauma </a></div>
<div id="undefined">Search This Site</span>
<form method="GET" action="http://www.podopedia.com/search/search.php">
<input type="text" name="zoom_query" size="15">
<input type="submit" value="Search">
</form></div>
</div>
<div id="content">
<div class="feature"> <img src="images/gball.jpg" alt="" width="280" height="205" style="padding-right: 10px; padding-top: 5px; padding-bottom: 10px"/>
<h3> Welcome</h3>
<p> Saint Louis Sports Medicine is an online Sports Medicine resource. It
provides easy access to information for athletes, trainers, coaches,
primary care physicians, worker's compensation adjustors, and anyone
with an interest in sports medicine. </p>
<p>Sports Medicine evolved from the care of athletes and their particular
injuries, but most "Sports Medicine" conditions occur in people who do
not participate in organized athletics. Shoulder, elbow, knee and ankle
conditions that occur in the athlete, may also arise from work or
recreational activities. </p>
<p>For access to the quarterly newsletter, <strong>The</strong> <strong>
Sports Medicine Minute</strong> and other resources on this site, please <a href="http://www.podopedia.com/phpgdv40/guard_edit_user.php" title="Registration" target="_blank">
Register</a> with Saint Louis Sports Medicine. Registration is
absolutely <span class="style2">free</span>. </p>
<div class="goals">
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td><b><font size="4">Our Goals:</font></b></td>
</tr>
</table>
<li>To promote the prevention of athletic injuries </li>
<li>To provide access to educational materials on a wide variety of
sports related injuries </li>
<li>engender discussion of musculoskeletal conditions</li>
<li>provide access to a sports medicine physician</li>
</ul>
</div>
<div class="story" style="padding-top:20px">
<table width="100%" cellpadding="0" cellspacing="0" summary="">
<tr valign="top">
<td class="storyLeft">
<p> <img src="images/track.jpg" alt="forum" width="130" height="87" align="left" class="picture" /> <span id="pad">
For Athletes</span>Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus
wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor
vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu
libero volutpat </p></td>
<td>
<p> <img src="images/blue_steth.jpg" alt="stethoscope" class="picture"/> <span id="pad">
For Primary Care Physicians</span>Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue.
Integer risus wisi, semper eu, congue quis, lobortis ut, massa.
Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis.
Aenean ut turpis eu libero volutpat euismod. </p></td>
</tr>
<tr valign="top">
<td class="storyLeft">
<p> <img src="images/tape.jpg" alt="forum" width="130" height="125" align="left" class="picture" /> <span id="pad">
For Trainers </span>Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus
wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor
vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu
libero volutpat </p></td>
<td>
<p><img src="images/orange_helmet.jpg" alt="stethoscope" width="130" height="122" class="picture"/> <span id="pad">
Industrial</span>Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus
wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor
vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu </p> </td>
</tr>
<tr valign="top">
<td class="storyLeft">
<p> <img src="images/discussion1.gif" alt="forum" width="121" height="130" class="picture" /><span id="pad">Forum</span>Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue
quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus.
Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat
euismod. eget lectus vitae ligula ornare tempor. Vivamus scelerisque
lorem a elit. Sed id mauris. </p></td>
<td>
<p> <img src="images/newsletter.gif" alt="stethoscope" width="116" height="130" class="picture"/> <span id="pad">
Newsletter</span>Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus
wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor
vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu
libero volutpat euismod. eget lectus vitae ligula ornare tempor.
Vivamus scelerisque lorem a elit. Sed id mauris. </p></td>
</tr>
</table>
</div>
</div>
</div>
<div id="siteInfo">
<!-- SiteSearch Google -->
<center><form method="get" action="http://www.google.com/custom" target="_top">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>
</td>
<td nowrap="nowrap">
<div align="right">
<input type="hidden" name="domains" value="www.stlsportsmedicine.com">
</input>
<input type="text" name="q" size="30" maxlength="255" value="">
</input>
<input type="submit" name="sa" value="Search">
</input>
</div></td></tr>
<tr>
<td> </td>
<td nowrap="nowrap">
<div align="right">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked="checked"></input>
<font size="-1" color="#000000">Web</font> </td>
<td>
<input type="radio" name="sitesearch" value="www.stlsportsmedicine.com"></input>
<font size="-1" color="#000000">www.stlsportsmedicine.com</font> </td>
</tr>
</table>
<input type="hidden" name="client" value="pub-0978852335803787">
</input>
<input type="hidden" name="forid" value="1">
</input>
<input type="hidden" name="ie" value="ISO-8859-1">
</input>
<input type="hidden" name="oe" value="ISO-8859-1">
</input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH :center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000F F;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;">
</input>
<input type="hidden" name="hl" value="en">
</input>
</div></td></tr></table>
</form></center>
<!-- SiteSearch Google -->
<p><img src="" width="44" height="22" /> <a href="#">About Us</a> | <a href="#">
Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | </p>
</div></div>
<!--end pagecell1-->
<br />
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
</body>
</html>
|
|
|
| |
|
|
|
 |
|
 |
|
Mac Enthusiast
Join Date: Jul 2003
Status:
Offline
|
|
Hey, thanks for the reply. I actually made some adjustments- did something with float property and it seemed to work. I'm sure I'll end up hitting you up for my advice. Thanks so much.
|
|
|
| |
|
|
|
 |
 |
|
 |
|
|
|
|
|

|
|
 |
Forum Rules
|
 |
 |
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
 |
 |
 |
 |
|
 |
|