FireFox to IE problem

Discussion in 'Web Design, HTML And CSS' started by Toshiba23, Jul 9, 2007.

  1. Toshiba23

    Toshiba23 New Member

    Joined:
    Jul 9, 2007
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    0
    Hello all, I'd like to say this is my first post here on this forum and I am in need of some help...

    I have a website that I am re-programming / designing because when I started it I was not as good as I am now at development (I'm currently 16 years old)

    The problem is in HTML and I can't figure it out to save my life...

    I have 3 tables in HTML on my homepage, one is for whether or not the person is logged in, tells them to login to use features.

    Another for image links for main areas of the website

    Another for statistics...

    In firefox it does what I want:
    [​IMG]

    In IE, I get this interesting error...
    [​IMG]

    Source:
    Code:
    <table width=810 align=right cellpadding=0 cellspacing=0 border=0>
    	<tr>
    		<td>
    <!-- IF NOT_LOGGED -->
    <table width=810 align=right cellpadding=2 cellspacing=0 border=0 align=right>
    	<tr>
    		<td class="urgent" width=20><IMG src="{STYLE_DIR}images/icon_urgent.gif"></td>
    		<td class="urgent">You must be <a href="login.php">logged in</a> to use the features of this department.</td>
    	</tr>
    </table><br>
    <!-- ENDIF -->
    <table width="810" height="30" border="0" cellpadding="0" cellspacing="0" align=right>
    	<tr>
    		<td width=5 class="row2"></td>
    		<td>
    			<img src="{STYLE_DIR}images/goal_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/goal_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/goal_sigs.jpg'" height=30></td>
    		<td>
    			<img src="{STYLE_DIR}images/stat_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/stat_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/stat_sigs.jpg'" height=30></td>
    		<td>
    			<img src="{STYLE_DIR}images/rank_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/rank_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/rank_sigs.jpg'" height=30></td>
    		<td>
    			<img src="{STYLE_DIR}images/develop_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/develop_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/develop_sigs.jpg'" height=30></td>
    		<td width=5 class="row2"></td>
    	</tr>
    </table><br>
    <table width=810 align=right cellpadding=2 cellspacing=0 border=0>
    	<tr>
    		<td class="row1" colspan=2>Signature Database</td>
    	</tr>
    	<tr>
    		<td class="row2">Total Signatures Created: {TOTAL_SIGS}</td>
    		<td class="row2">Total Members: {TOTAL_MEMBERS}</td>
    	</tr>
    </table>
    
    This file runs off a template class I built so that would help explain {VAR} and stuff such as that.

    Any help please? Why is IE being stubborn and firefox not?
     
  2. DaWei

    DaWei New Member

    Joined:
    Dec 6, 2006
    Messages:
    835
    Likes Received:
    5
    Trophy Points:
    0
    Occupation:
    Semi-retired EE
    Location:
    Texan now in Central NY
    Home Page:
    http://www.daweidesigns.com
    IE prior to 7 has an incorrect interpretation of the box model. That is, margin/padding are treated incorrectly. Further, if you specify the wrong doc type, IE (including 7) will pop into quirks mode and render some things incorrectly. Further, default dimensions for some things such as line spacing are set differently in different browsers. One needs to specifically set the to the desired values.

    For additional information, Google "Box Model" or "Box Model Hack".

    Since you are learning HTML, you should learn CSS. Tables aren't a good way to determine layout; they're for tabular material.
     
  3. Toshiba23

    Toshiba23 New Member

    Joined:
    Jul 9, 2007
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    0
    I appreciate your response as to WHY it is happening, but I can't say I'm very happy about the "Since you are learning HTML" part of your post. Considering that I'm not learning HTML, I'm on PHP and mySQL. Please don't say things you are not aware of.
     
  4. Safari

    Safari New Member

    Joined:
    Oct 16, 2007
    Messages:
    183
    Likes Received:
    17
    Trophy Points:
    0
    Also check in Safari because the G4EF also does not look the same in Safari.
     
  5. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,375
    Likes Received:
    388
    Trophy Points:
    83
    Need to check that out I guess.
     
  6. Rexy93

    Rexy93 New Member

    Joined:
    Oct 26, 2007
    Messages:
    36
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    Web Designer and completing year 9
    Location:
    Australia
    Well since I am a Web Developer myself I have five different browsers. Every browser (well most) reads codes differently. I suggest updating your browser to that latest if it is not already. Also I suggest using a program by the name of HTML-Kit. It is very helpful to many web developers.
    It was coded by one of the people that work for the W3 (creators of the World Wide Web).
    I suggest also coding in XHTML as it is the future and is much more powerful and easier to understand (my opinion), using the program called HTML-Kit by the click of a button all your coding is in XHTML. So you could code in HTML then transfer to XHTML

    To see if your browser is update run this.
     
  7. Rexy93

    Rexy93 New Member

    Joined:
    Oct 26, 2007
    Messages:
    36
    Likes Received:
    0
    Trophy Points:
    0
    Occupation:
    Web Designer and completing year 9
    Location:
    Australia
    Sorry it happened again. Can some mod please add this onto the post before.

    Code:
    <html>
    <body>
    
    <script type="text/javascript">
    var x = navigator
    document.write("CodeName=" + x.appCodeName)
    document.write("<br />")
    document.write("MinorVersion=" + x.appMinorVersion)
    document.write("<br />")
    document.write("Name=" + x.appName)
    document.write("<br />")
    document.write("Version=" + x.appVersion)
    document.write("<br />")
    document.write("CookieEnabled=" + x.cookieEnabled)
    document.write("<br />")
    document.write("CPUClass=" + x.cpuClass)
    document.write("<br />")
    document.write("OnLine=" + x.onLine)
    document.write("<br />")
    document.write("Platform=" + x.platform)
    document.write("<br />")
    document.write("UA=" + x.userAgent)
    document.write("<br />")
    document.write("BrowserLanguage=" + x.browserLanguage)
    document.write("<br />")
    document.write("SystemLanguage=" + x.systemLanguage)
    document.write("<br />")
    document.write("UserLanguage=" + x.userLanguage)
    </script>
    
    </body>
    </html>
    
    Save it as browserinfo.htm or something then run it in your browser. That gives all the information about your browser then compare it to the latest version.
     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice