The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Problem aligning Footer in IE, Site works in FireFox, issues in IE
QHC1
post Oct 16 2006, 02:33 PM
Post #1





Group: Members
Posts: 3
Joined: 16-October 06
Member No.: 462



I have recently redesigned a website for my friend's business and ran into a couple of problems at the end stages. The site consists of a header, a plugin and a footer. The site works perfectly in Firefox however, in IE it seems to have a problem if certain links are clicked, OR if I use the search box...basically the footer displays farther down the page than it's supposed to. Sometimes it shows up 500 pixels below where it should, and other times it shows up 3-4 full page lengths down. My original problem was with the plugin sometimes displaying farther down the page than it should (almost identical to the footer problem), but I solved this by adding a vertical-align:top to my div tag. I tried to do the same with the footer but it did not work, I inserted a div tag in a couple of different places to see if I could get it to align correctly but none of my attempts worked. My inexperience with div tags and my lack of knowledge designing sites around plugins has left me stranded.

Any help would be greatly appreciated, as this site needs to be up and running very soon. Here is the code I have right now.

CODE
<style type="text/css">
<!--
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #161616;
}
a:hover {
    text-decoration: none;
    color: #9B9B9B;
}
a:active {
    text-decoration: none;
    color: #161616;
}
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
body {
    background-image: url(http://img105.imageshack.us/img105/3151/bggifdo6.gif);
    background-position:top;
    background-repeat:no-repeat;
                     background-color:#3D3D3D;
                     margin-top: 10px;
                     margin-bottom: 30px;
}
-->
</style>
<script type=text/javascript>


var swaps=[];
//Enter your rollover images, use as many as you need:
swaps[0]='http://www.sosticket.com/BrokerLibrary/610/Other/concert_alt.gif';
swaps[1]='http://www.sosticket.com/BrokerLibrary/610/Other/football_alt.gif';
swaps[2]='http://www.sosticket.com/BrokerLibrary/610/Other/baseball_alt.gif';
swaps[3]='http://www.sosticket.com/BrokerLibrary/610/Other/basketball_alt.gif';
swaps[4]='http://www.sosticket.com/BrokerLibrary/610/Other/hockey_alt.gif';
swaps[5]='http://www.sosticket.com/BrokerLibrary/610/Other/golf_alt.gif';
swaps[6]='http://www.sosticket.com/BrokerLibrary/610/Other/theatre_alt.gif';
swaps[7]='http://www.sosticket.com/BrokerLibrary/610/Other/auto_alt.gif';
swaps[8]='http://www.sosticket.com/BrokerLibrary/610/Other/other_alt.gif';
swaps[9]='http://www.sosticket.com/BrokerLibrary/610/Other/mlbplayoffs_alt.gif';
swaps[10]='http://www.sosticket.com/BrokerLibrary/610/Other/pats_alt.gif';
swaps[11]='http://www.sosticket.com/BrokerLibrary/610/Other/bruins_alt.gif';
swaps[12]='http://www.sosticket.com/BrokerLibrary/610/Other/celts_alt.gif';
swaps[13]='http://www.sosticket.com/BrokerLibrary/610/Other/ncaa_alt.gif';
swaps[14]='http://www.sosticket.com/BrokerLibrary/610/Other/who_alt.gif';
swaps[15]='http://www.sosticket.com/BrokerLibrary/610/Other/rhcp_alt.gif';
swaps[16]='http://www.sosticket.com/BrokerLibrary/610/Other/rascal_alt.gif';
swaps[17]='http://www.sosticket.com/BrokerLibrary/610/Other/urban_alt.gif';
swaps[18]='http://www.sosticket.com/BrokerLibrary/610/Other/roses_alt.gif';
swaps[19]='http://www.sosticket.com/BrokerLibrary/610/Other/wwe_alt.gif';
swaps[20]='http://www.sosticket.com/BrokerLibrary/610/Other/blue_alt.gif';
swaps[21]='http://www.sosticket.com/BrokerLibrary/610/Other/nutcracker_alt.gif';
swaps[22]='http://www.sosticket.com/BrokerLibrary/610/Other/disney_alt.gif';

///////////////////// Stop Editing ///////////////////

function rollo(a, e){
var e=e? e : window.event;
var el=e.srcElement? e.srcElement : e.target;
if(!swaps[a][1])
swaps[a]=[el.src, swaps[a]];
else if(swaps[a][0]!==el.src&&e.type=='mouseover')
swaps[a][0]=el.src;
el.src=swaps[a][(e.type=='mouseover'? 1 : 0)];
}

function swapsinit(){
var p=[], n='', oldout='', oldover='',
theims=document.getElementsByTagName? document.getElementsByTagName('img') : document.images? document.images : null;
if(theims&&theims[0]&&typeof theims[0].className!=='undefined'){
for (var i = 0; i < swaps.length; i++){
swaps[i]=[swaps[i]];
p[i]=new Image();
p[i].src=swaps[i][0];
}
for (var i_tem = 0; i_tem < theims.length; i_tem++)
if (theims[i_tem].className&&/^r\d+$/.test(theims[i_tem].className.split(' ')[0])){
n=theims[i_tem].className.split(' ')[0].replace(/r/, '');
oldout=theims[i_tem].onmouseout? theims[i_tem].onmouseout.toString(10).replace(/^[^}]*\{|\}[^}]*$/g, '') : '';
oldover=theims[i_tem].onmouseover? theims[i_tem].onmouseover.toString(10).replace(/^[^}]*\{|\}[^}]*$/g, '') : '';
theims[i_tem].onmouseover=new Function("e", oldover+"rollo("+n+", e);");
theims[i_tem].onmouseout=new Function("e", oldout+"rollo("+n+", e);");
}
}
}

if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "load", swapsinit, false );
else if ( typeof window.attachEvent != "undefined" )
    window.attachEvent( "onload", swapsinit );
else {
    if ( window.onload != null ) {
        var oldOnload = window.onload;
        window.onload = function ( e ) {
            oldOnload( e );
            swapsinit();
        };
    }
    else
        window.onload = swapsinit;
}
</SCRIPT>



</HEAD>
<DIV align="center">
<TABLE cellSpacing=0 cellPadding=0 width=800 border=0>
  <TBODY>
  <TR>
    <TD>
      <TABLE height=108 cellSpacing=0 cellPadding=0 width=815 align=center
      background=http://www.sosticket.com/BrokerLibrary/610/Other/Banner.jpg border=0>
        <TBODY>
        <TR>
          <TD><SPAN></SPAN>
        <TR>
          <TD height=71></TD></TR>
        <TR>
          <TD width=272></TD>
          <TD><A href="http://www.soxtix.com/Default.asp">Home</A> |
             <A href="http://www.soxtix.com/About.asp">About Us</A>
            | <A href="http://www.soxtix.com/Terms.asp"
        >Terms</A> | <A
            href="http://www.soxtix.com/Privacy.asp">Privacy</A> |
             <A href="http://mailto:tickets@mtekonline.com?subject=I Have Tickets to Sell!">Sell
            Tickets</A> | <A
            href="http://www.soxtix.com/ShoppingCart.asp">View Cart</A>
        </TD></TR></SPAN></TD></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=815 align=center border=0>
        <TBODY>
        <TR>
          <TD width=202 align="left"><IMG src="http://www.sosticket.com/BrokerLibrary/610/Sports/block.jpg"></TD>
          <TD align=middle width=350><FONT
            face="Verdana, Arial, Helvetica, sans-serif" size=1><B>Order Online
            24/7 - No Service Fees - Live Help: 1.888.769.8491 or
            1.781.982.8046</B></FONT></TD>
          <td height="29" align="right" background="" class="searchform">
        <form id="Form1" name="searchpage" action="SearchResults.asp"
method="post" style="margin:0px; ">
          <SELECT class="searchby" id="Select1" name="SearchBy">
      <OPTION value="event" selected>by event</OPTION>
      <OPTION value="venue">by venue</OPTION>
      <OPTION value="city">by city</OPTION>
     </SELECT>
      <INPUT class="searchby" id="Text1" type="text" size="12" name="query">
              <input name="submit" type="submit" value="submit">
          </FORM></TD></TR></TBODY></TABLE></TD></TR>
  <TR>
    <TD>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR>
          <TD vAlign=top align=left width=187>
            <TABLE cellSpacing=0 cellPadding=0 width=187 align=center
              border=0><TBODY>
              <TR>
                <TD width=187><IMG
              src="http://www.sosticket.com/BrokerLibrary/610/Other/NatEvents2.gif"></TD></TR></TBODY></TABLE>
            <TABLE cellSpacing=0 cellPadding=0 width=187 align=center
              border=0><TBODY>
              <TR>
                <TD width=188><A href="http://www.soxtix.com/CategoryList.asp?Category=Concerts"><IMG class="r0" src="http://www.sosticket.com/BrokerLibrary/610/Other/concerts.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=NFL"><IMG class="r1" src="http://www.sosticket.com/BrokerLibrary/610/Other/football.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=MLB"><IMG class="r2" src="http://www.sosticket.com/BrokerLibrary/610/Other/baseball.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=NBA"><IMG class="r3" src="http://www.sosticket.com/BrokerLibrary/610/Other/basketball.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=NHL"><IMG class="r4" src="http://www.sosticket.com/BrokerLibrary/610/Other/hockey.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=PGA"><IMG class="r5" src="http://www.sosticket.com/BrokerLibrary/610/Other/golf.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=Theatre"><IMG class="r6" src="http://www.sosticket.com/BrokerLibrary/610/Other/theatre.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=Auto%20Racing"><IMG class="r7" src="http://www.sosticket.com/BrokerLibrary/610/Other/auto.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/CategoryList.asp?Category=Other%20Events"><IMG class="r8" src="http://www.sosticket.com/BrokerLibrary/610/Other/other.gif" border=0></A></TD></TR></TBODY></TABLE>
            <TABLE cellSpacing=0 cellPadding=0 width=187 align=center
              border=0><TBODY>
               <TR>
                <TD width=187 align="left"><IMG
              src="http://www.sosticket.com/BrokerLibrary/610/Other/HotEvents2.gif"></TD></TR></TBODY></TABLE>
            <TABLE cellSpacing=0 cellPadding=0 width=187 align=center
              border=0><TBODY>
              <TR>
                <TD width=187><A href="http://www.soxtix.com/CategoryList.asp?Category=MLB"
                 ><IMG class="r9" src="http://www.sosticket.com/BrokerLibrary/610/Other/mlbplayoff.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=New%20England%20Patriots&CategoryName=NFL"><IMG class="r10" src="http://www.sosticket.com/BrokerLibrary/610/Other/pats.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=Boston%20Bruins&CategoryName=NHL"><IMG class="r11" src="http://www.sosticket.com/BrokerLibrary/610/Other/bruins.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=Boston%20Celtics&CategoryName=NBA"><IMG class="r12" src="http://www.sosticket.com/BrokerLibrary/610/Other/celtics.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerID=109683"><IMG class="r13" src="http://www.sosticket.com/BrokerLibrary/610/Other/ncaa.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=The%20Who&CategoryName=Concerts"><IMG class="r14" src="http://www.sosticket.com/BrokerLibrary/610/Other/who.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=Red%20Hot%20Chili%20Peppers&CategoryName=Concerts"><IMG class="r15" src="http://www.sosticket.com/BrokerLibrary/610/Other/rhcp.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=Rascal%20Flatts&CategoryName=Concerts"><IMG class="r16" src="http://www.sosticket.com/BrokerLibrary/610/Other/rascal.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=Keith%20Urban&CategoryName=Concerts"><IMG class="r17" src="http://www.sosticket.com/BrokerLibrary/610/Other/urban.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerName=Guns%20N%20Roses&CategoryName=Concerts"><IMG class="r18" src="http://www.sosticket.com/BrokerLibrary/610/Other/roses.gif" border=0></A></TD></TR>
              <TR>
                <TD><a href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerID=101763"><IMG class="r19" src="http://www.sosticket.com/BrokerLibrary/610/Other/wwe.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerID=101426"><IMG class="r20" src="http://www.sosticket.com/BrokerLibrary/610/Other/blue.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerID=101885"><IMG class="r21" src="http://www.sosticket.com/BrokerLibrary/610/Other/nutcracker.gif" border=0></A></TD></TR>
              <TR>
                <TD><A href="http://www.soxtix.com/SearchResults.asp?EventHeadlinerID=102022"><IMG class="r22" src="http://www.sosticket.com/BrokerLibrary/610/Other/disney.gif" border=0></A></TD></TR></TBODY></TABLE></TD>
          
                  
          <td width="626" style="padding:10px" valign="top" height="500">
          <div style="OVERFLOW: auto; HEIGHT: 500px; vertical-align:top">
        
        <!---End Header section of the SOS--->

<!---Begin Default section of the SOS--->
        </div>
        <!---End Default section of the SOS--->
                                              <DIV style="vertical-align:top">
           <!---Begin Footer section of the SOS--->

        </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>
    
    <table width="815" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
    <td width="187"></td>
    <td width="626" height="4" align="center"><hr width="605" size="2"></td>
  </tr>
  <span class="class2"><tr>
   <td width="187"></td>
    <td width="626" align="center">
    <a href="http://www.soxtix.com/Default.asp"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">Home</font></a> -
<a href="http://www.soxtix.com/About.asp"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">About Us</font></a> -
<a href="http://www.soxtix.com/Terms.asp"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">Terms</font></a> -
<a href="http://www.soxtix.com/Privacy.asp"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">Privacy</font></a> -
<a href="mailto:tickets@mtekonline.com?subject=I Have Tickets to Sell!"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">Sell Tickets</font></a> -
<a href="http://www.soxtix.com/Contact.asp"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">Contact Us</font></a> -
<a href="http://www.soxtix.com/ShoppingCart.asp"><font size="-2" face="Verdana, Arial, Helvetica, sans-serif">View Cart</font></a>
</font></td>
  </tr></span>
  <tr>
    <td width="187"></td>
    <td width="626" align="center">
    <font size="-2" face="Verdana, Arial, Helvetica, sans-serif"> SoxTix.com 2006-2007.  All Rights Reserved.  Site Design by <a href="mailto:ativa@gmail.com"><font size="-3" face="Verdana, Arial, Helvetica, sans-serif">QHC1</font></a>.</font>
    </td>
  </tr>
</table>
    
    </td>
  </tr>
</table></DIV>
<!---End Footer section of the SOS--->

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Oct 16 2006, 02:46 PM
Post #2


This is My Life
*******

Group: Members
Posts: 1,094
Joined: 24-August 06
From: t-dot
Member No.: 16



try giving it a DOCTYPE to start with . . .
http://htmlhelp.com/reference/html40/html/doctype.html

and unless you left parts of your code out you're missing a lot of structure . . .IE can't really handle that
http://htmlhelp.com/reference/html40/structure.html

This post has been edited by jimlongo: Oct 16 2006, 02:48 PM


--------------------
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
QHC1
post Oct 16 2006, 03:07 PM
Post #3





Group: Members
Posts: 3
Joined: 16-October 06
Member No.: 462



The reason I don't have a doctype is because the header and footer are both copied and pasted into a custom template provided by the company that provides the plugin. As for the code, it probably is a little rough as I am not an advanced web designer...a lot of the tags in there were actually done by someone who works for this hosting company. I am just trying to figure out why the footer changes hieghts based on what links you click on or what you search for in the search box. It boggles my mind that the footer shows up in place if I search for Boston, but if I search for Atlanta...it shows up 4 page lengths down. I am literally at a loss for what is going on, and I suppose it's going to be extremely hard for me to find help because nobody is familiar with the hosting company.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 16 2006, 03:52 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,195
Joined: 9-August 06
Member No.: 6



When you click on a link or use the search box you go to another page (even if virtual). So something is different on those pages that display differently...

Is your design up at the main site? Because I went there and clicked some random links and didn't notice anything odd with the footer. Could you link to a page that displays right and one that displays wrong?


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
QHC1
post Oct 17 2006, 09:23 AM
Post #5





Group: Members
Posts: 3
Joined: 16-October 06
Member No.: 462



Yea my design is up, are you using IE to view it because that is the browser showing this problem. Like I said, some of the stuff works fine but random links and search results seem to throw everything out of whack. For example, in IE, click some of the bottom links like THE NUTCRACKER or DISNEY ON ICE - those ones should mess up. The links like FOOTBALL, BASEBALL and so on all seem to work fine. If you search for a city like Boston or Atlanta, it messes up the footer...but some events show up correctly. But you are right, a link opens a new page and in this case a new plugin...so the way to fix that is manage where the plugin shows up right? I thought I did that with the DIV tag but I guess it won't work in IE.

Also the only way I can show you a template that works correctly and the new one that does not is to get in touch with you real time and literally switch the template while you are waiting to check it out. Unless you have Firefox in which case you can look at the site that's up now because it works correctly there, try looking at it in IE and FF at he same time. Thank you for replying, I didn't think anyone was going to give me any help at all.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th July 2014 - 12:42 PM