SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    MI
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Height problems in IE

    I'm having problems with my image replacement in a few instances. This page is the problem:

    http://www.msue.msu.edu/emergency/new/contacts.html

    The IR works fine unless I set a heigh for the div that the image is the background of. This only occurs in IE. If a height is set, the whole div seems to shift up much further than it should. If no height is set, it works fine. I've attempted setting the margin and padding to 0 px, but that didn't seem to fix it. Any help would be appreciated.

    Here's the XHTML:
    HTML Code:
    <?xml version="1.0" encoding="UTF-8"?> 
    <!DOCTYPE html 
         PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    	<head>
    		<title>MSU Extension Emergency Management -- Contact Information</title>
    		<link rel="stylesheet" type="text/css" href="style.css" />
    	</head>
    <body> 
    	<div id="header"> 
    		
      <h1 id="title" title="MSUE Emergency Management"><a class="headlink" href="index.html"></a><a href="index.html">MSU 
        Extension Emergency Management</a></h1>
    	</div>
    	<div id="search"> 
          <!-- Begin siteLevel HTML Searchbox Code -->
        <form method="get" action="http://sitelevel.whatuseek.com/query.go">
          <table border="0" cellspacing="0" cellpadding="0">
            <tr> 
              <td><table cellspacing="0" cellpadding="2" border="0">
                  <tr> 
                    <td class="sbar" align="left" valign="middle"> Search The Site:</td>
                    <td align="center" valign="middle"><input type="hidden" name="crid" value="2b87ca85287802c7" /> 
                      <input id="searchtext" type="text" name="query" size="17" maxlength="100" /></td>
                    
                  <td id="searchcell" valign="middle" align="right"><input type="image" src="images/searchbutton.jpg" value="Search" name="B1" /></td>
                  </tr>
                  <!--LB-->
                  <!--/LB-->
                </table></td>
            </tr>
          </table>
        </form>
        <!-- End siteLevel HTML Searchbox Code -->
    	</div>
    	
    <div id="contentouter"> 
      <div id="content">
        <h2>Contact Information</h2> 
        <div id="contactarea" class="sectionhead">
    	  <div class="contenttext"> 
          <p>This area allows you to find contact information for people within MSU 
            Extension. Contacts are listed alphabetically and include phone, email, 
            and mailing address information. Each person's area of specialization 
            is also listed.</p>
    	</div>
        </div>
        <div id="contactcontent"> 
          <table id="contactlist" border="0" summary="This table gives contact information for people within MSUE. Included 
    		is their name, area of focus, telephone number, email address, and phsyical address.">
            <tr> 
              <th id="namehead">Name</th>
              <th id="areahead">Area of Focus</th>
              <th id="phonehead">Telephone</th>
              <th id="emailhead">Email</th>
              <th id="addresshead">Address</th>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Amrhein, John</td>
              <td headers="areahead">State &amp; Local Governement</td>
              <td headers="phonehead">231-779-9480</td>
              <td headers="emailhead"><a href="mailto:amrheinj@msue.msu.edu">amrheinj@msue.msu.edu</a></td>
              <td headers="addresshead">MSUE North Region<br />
                401 N Lake Street<br />
                Cadillac, MI <br />
                49601</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Difonzo, Christine</td>
              <td headers="areahead">Pesticides, Entomology</td>
              <td headers="phonehead">517-353-5328</td>
              <td headers="emailhead"><a href="mailto:difonzo@msu.edu">difonzo@msu.edu</a></td>
              <td headers="addresshead">MSU Pesticide Program<br />
                B18 Food Safety Bldg<br />
                East Lansing, MI <br />
                48824-1302</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Ferris, Ted</td>
              <td headers="areahead">Animal Science</td>
              <td headers="phonehead">517-355-8442</td>
              <td headers="emailhead"><a href="mailto:ferris@msu.edu">ferris@msu.edu</a></td>
              <td headers="addresshead">Animal Science<br />
                1205D Anthony Hall<br />
                East Lansing, MI <br />
                48824-1225</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Foerster, Kathy</td>
              <td headers="areahead">Program Support</td>
              <td headers="phonehead">517-432-4297</td>
              <td headers="emailhead"><a href="mailto:foerstel@msu.edu">foerstel@msu.edu</a></td>
              <td headers="addresshead">MSUE Director's Office<br />
                69 Agriculture Hall<br />
                East Lansing, MI <br />
                48824-1039</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Grooms, Dan</td>
              <td headers="areahead">Verterinary Medicine</td>
              <td headers="phonehead">517-432-1494</td>
              <td headers="emailhead"><a href="mailto:groomsd@cvm.msu.edu">groomsd@cvm.msu.edu</a></td>
              <td headers="addresshead">Large Animal Clinic Science<br />
                A100 Vet Medical Center<br />
                East Lansing, MI <br />
                48824-1314</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Guyer, Dan</td>
              <td headers="areahead">Horticultural Food Processing</td>
              <td headers="phonehead">517-353-4517</td>
              <td headers="emailhead"><a href="mailto:guyer@msu.edu">guyer@msu.edu</a></td>
              <td headers="addresshead">MSU Agricultural Engineering<br />
                211 Farrall Hall<br />
                East Lansing, MI <br />
                48824-1323</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Hall, Justin</td>
              <td headers="areahead">Wildlife Mgt</td>
              <td headers="phonehead">517-355-1737</td>
              <td headers="emailhead"><a href="mailto:hallju@msu.edu">hallju@msu.edu</a></td>
              <td headers="addresshead">MSU Fisheries &amp; Wildlife<br />
                16A Natural Resources<br />
                East Lansing, MI <br />
                48824-1222</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Hansen, Mark*</td>
              <td headers="areahead">Emergency Mgt &amp; Extension</td>
              <td headers="phonehead">517-432-7696</td>
              <td headers="emailhead"><a href="mailto:hansenm@msue.msu.edu">hansenm@msue.msu.edu</a></td>
              <td headers="addresshead">MSUE Director's Office<br />
                11 Agriculture Hall<br />
                East Lansing, MI <br />
                48824-1039</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Hart, Pat (Doug Landis, Alt)</td>
              <td headers="areahead">Plant Disease &amp; Plant Systems</td>
              <td headers="phonehead">517-353-9428</td>
              <td headers="emailhead"><a href="mailto:harti@msu.edu">harti@msu.edu</a></td>
              <td headers="addresshead">MSU Integrated Plant Sys<br />
                105 Integrated Plant Sys<br />
                East Lansing, MI <br />
                48824-1311</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Kline-Robach, Ruth</td>
              <td headers="areahead">Water Quality</td>
              <td headers="phonehead">517-355-0224</td>
              <td headers="emailhead"><a href="mailto:klineror@msue.msu.edu">klineror@msue.msu.edu</a></td>
              <td headers="addresshead">MSU Water Research Institute<br />
                115 Manly Miles Bldg<br />
                East Lansing, MI <br />
                48824</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Loveridge, Scott</td>
              <td headers="areahead">Community Development</td>
              <td headers="phonehead">517-432-9969</td>
              <td headers="emailhead"><a href="mailto:loverid2@msu.edu">loverid2@msu.edu</a></td>
              <td headers="addresshead">MSU Ag Economics<br />
                11F Agriculture Hall<br />
                East Lansing, MI <br />
                48824-1039</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Pace, Karen</td>
              <td headers="areahead">Youth/Diversity</td>
              <td headers="phonehead">517-432-7628</td>
              <td headers="emailhead"><a href="mailto:pace@msue.msu.edu">pace@msue.msu.edu</a></td>
              <td headers="addresshead">CYF 4H Youth<br />
                172 Agriculture Hall<br />
                East Lansing, MI <br />
                48824-1039</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Probyn, Laura</td>
              <td headers="areahead">Communications</td>
              <td headers="phonehead">517-432-1555</td>
              <td headers="emailhead"><a href="mailto:probynl@msue.msu.edu">probynl@msue.msu.edu</a></td>
              <td headers="addresshead">ANRECS<br />
                312 Agriculture Hall<br />
                East Lansing, MI <br />
                48824-1039</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Reese, Luke</td>
              <td headers="areahead">Technology</td>
              <td headers="phonehead">517-355-6580</td>
              <td headers="emailhead"><a href="mailto:reesel@msu.edu">reesel@msu.edu</a></td>
              <td headers="addresshead">ANRECS<br />
                409 Agriculture Hall<br />
                East Lansing, MI <br />
                48824-1039</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Shirer, Karen</td>
              <td headers="areahead">Children Youth and Family Stress/Coping</td>
              <td headers="phonehead">517-355-7527</td>
              <td headers="emailhead"><a href="mailto:shirer@msu.edu">shirer@msu.edu</a></td>
              <td headers="addresshead">CYF Family Consumer Sc<br />
                240 Agriculture Hall<br />
                East Lansing, MI <br />
                48824-1039</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Tarrant, Bob</td>
              <td headers="areahead">Marketing and Communications</td>
              <td headers="phonehead">517-241-0119</td>
              <td headers="emailhead"><a href="mailto:tarrantb@michigan.gov">tarrantb@michigan.gov</a></td>
              <td headers="addresshead">Agriculture Development Division - MDA<br />
                Constitution Hall <br />
                P O Box 30017<br />
                Lansing, MI<br />
                48933</td>
            </tr>
            <tr class="listrow"> 
              <td headers="namehead">Wehrwein, Teresa</td>
              <td headers="areahead">MSU College of Nursing, Human Health</td>
              <td headers="phonehead">517-355-6525</td>
              <td headers="emailhead"><a href="mailto:teresa.wehrwein@ht.msu.edu">teresa.wehrwein@ht.msu.edu</a></td>
              <td headers="addresshead">College of Nursing<br />
                113A Life Sciences<br />
                East Lansing, MI <br />
                48824-1317</td>
            </tr>
          </table>
          <p>* Coordinator</p>
        </div>
      </div>
    </div>
    	<div id="footer">
    		<p>Copyright &copy; 2004 Michigan State University Extension/Michigan State University
    		<br /><a  class="navlink" href="http://www.msue.msu.edu/msue/disclaim.html" onclick="window.open(this.href,'_blank');return false;">Disclaimer</a>, <a  class="navlink" href="http://www.msue.msu.edu/msue/indicia.html" onclick="window.open(this.href,'_blank');return false;">Indicia</a>, 
    		and <a  class="navlink" href="http://www.msue.msu.edu/msue/linking.html" onclick="window.open(this.href,'_blank');return false;">Linking Information</a> - Site designed and maintained by <a  class="navlink" href="mailto:engelan1@msu.edu">
    		Andrew Engel</a>
    		<br />Michigan State University is an affirmative action equal opportunity institution</p>
    	</div>
    	<div id="navigation"> 
    		<h3>Navigation</h3>
    		<ul class="navlist">
    			<li><a class="navlink" href="index.html">Home</a></li>
    			<li><a class="navlink" href="prepare.html">Preparedness</a></li>
    			<li><a class="navlink" href="intouch.html">Get In Touch</a></li>
    			<li><a class="navlink" href="hottopics.html">Hot Topics</a></li>
    			<li><a class="navlink" href="spanish.html">En Espa&ntilde;ol</a></li>
    			<li><a class="navlink" href="sitemap.html">Site Map</a></li>
    		</ul>
    		<h3>Quick Links</h3>
    		<ul class="navlist">
    			<li><a class="navlink" href="http://www.agctr.lsu.edu/eden/" onclick="window.open(this.href,'_blank');return false;">EDEN</a></li>
    			<li><a class="navlink" href="http://www.agctr.lsu.edu/eden/Resources/onlineext.aspx" onclick="window.open(this.href,'_blank');return false;">
    			Extension Websites</a></li>
    			<li><a class="navlink" href="http://www.michigan.gov/msp/0,1607,7-123-1593_3507-15509--,00.html" onclick="window.open(this.href,'_blank');return false;">
    			Local EM Contacts</a></li>
    			<li><a class="navlink" href="http://www.redcross.org" onclick="window.open(this.href,'_blank');return false;">Red Cross</a></li>
    		</ul>
    		
      <div id="updates"> 
        <h4 id="updtitle">Updates</h4>
        <p class="updtext">9.08 - New site launched.</p>
        <p class="updtext"><a href="older.html">Older Updates...</a></p>
      </div>
    	</div>
    </body>
    </html>
    Here's the relevant CSS:
    [html]

    div.contenttext {
    position: relative;
    top: 34px;
    padding-right: 10px;
    padding-left: 110px;
    padding-bottom: 34px;
    }
    * html div.contenttext {position:relative;top:53px;} /*For IE*/

    .sectionhead {
    position: relative;
    top: -34px;
    z-index: 1;
    }
    * html .sectionhead {top:-53px;} /*For IE*/

    div#contactarea {
    background-image: url(images/contactback.jpg);
    background-repeat: no-repeat;
    height: 150px;
    }

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I'm just wonderinmg why you have given ie a different top position to other browsers. It seems to me that if you take these out then it looks the same in ie as in firefox.
    Code:
    div.contenttext {
     position: relative;
     top: 34px;
     padding-right: 10px;
     padding-left: 110px;
     padding-bottom: 34px;
     }
     * html div.contenttext {} /*For IE*/
     
    div.contenttexttwo {
     position: relative;
     top: 24px;
     padding-right: 10px;
     padding-left: 110px;
     padding-bottom: 24px;
     }
     * html div.contenttexttwo {} /*For IE*/
     
    .sectionhead {
     position: relative;
     top: -34px;
     z-index: 1;
     }
     * html .sectionhead {} /*For IE*/
    Of course I may be missing something there that I haven't noticed.

    Paul

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    MI
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmm, interesting. That does indeed fix it, but only for that particular page. On the majority of my other pages, IE needs the different top value because otherwise it does not line up where it should.

    I can probably just fix this by giving the divs on this page specific ids rather than the same class as the rest of the pages;

    If you're interested in what I mean, I've changed the CSS and taken the IE specific values out.

    http://www.msue.msu.edu/emergency/new/contacts.html - this works fine now like you suggested

    http://www.msue.msu.edu/emergency/new/index.html
    http://www.msue.msu.edu/emergency/new/children.html

    Those two are now aligned too low in IE.

    If anything comes to you, feel free to suggest something, and thanks very much.
    For now I'm just going to be more specific about which divs get their own top settings for IE.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •