I used dreamweaver to design a site and for some reason it comes up perfect in firefox, but when loaded in IE, the Nav bar and the Footer bar are not aligned properly and the favicon shows as a broken link.

What am i doing wrong?

Check out the site i am talking about to see the source code.

Dani AI

Generated

The symptoms described—nav/footer shifted in Internet Explorer while Firefox looks fine, and a broken favicon—are consistent with missing document structure and an incorrect favicon reference. As noted, leaving out the doctype and the basic head/body wrapper puts IE into a non‑standards rendering mode; that changes default box behavior and spacing so table cells, floats and margins can end up in different places. ’ observation that tags were missing confirms the likely starting point.

Quick, practical checklist (apply in order):

  • Restore a proper document skeleton so the browser enters standards mode.
  • Put any favicon link inside the head and/or place a valid /favicon.ico at the site root so browsers that request it automatically will get a 200 response.
  • Reset browser defaults that differ between engines (for example set html, body { margin:0; padding:0; }) and then inspect computed box dimensions in the browser’s developer tools.
  • Add a meta X-UA-Compatible header (IE=edge) in the head to avoid forced compatibility view on some servers/clients.
  • Validate the saved file on the server (view source from the live URL) to confirm uploaded files still contain the expected head and doctype. If Dreamweaver output ever strips tags, open the saved file in a plain text editor before uploading.

Small, minimal head example (keep the favicon file reachable at the path used):

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="icon" href="/favicon.ico" type="image/x-icon">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  <style>html,body{margin:0;padding:0}</style>
</head>

’ snippet shows a quick repair for IE9; it’s fine as an immediate fix. For long‑term stability and accessibility, plan to move away from nested table layouts toward semantic markup and CSS (flexbox/grid) so cross‑browser alignment becomes more predictable. Validate markup after fixes and recheck in IE’s dev tools and Firefox to confirm consistent results.

Recommended Answers

All 3 Replies

OMG!!!

It's a miracle anything shows up in a browser!

You really, really need to read up on the absolute basics of html, as your code has some major errors - like no doctype, no html tag, no head tag, no body tag, for starters. And it uses tables (and nested tables at that) for layout.

Try to read Build your website the right way by Ian Lloyd, as a minimum, and the tutorials at www.htmldog.com. Then start all over again building your site.

The following code appears to fix IE9 issues...

<!DOCTYPE html>
<html><head><style type="text/css">
body {
	background-color: #000;
}
.white {
	color: #FFF;
}
.heading {
	color: #2B5CBB;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: underline;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
</style>
<title>Aces For Charity | Home</title>
</head><body>
<table width="100%" border="0" cellspacing="0">
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td height="231" align="center" valign="middle" 

background=""><img 

src="" width="350" height="159"></td>
    <td width="669" height="235" align="center" valign="bottom" 

background="">&nbsp;</td>

  </tr>
  <tr>
    <td width="100" height="40" colspan="2" align="center" valign="middle" 

background=""><table width="100%" border="0" cellspacing="0">
      <tr>
        <td width="12%"><div align="center"><strong><a href="index.html">Home</a></strong></div></td>
        <td width="13%"><div align="center"><strong><a href="events.html">Events</a></strong></div></td>
        <td width="16%"><div align="center"><strong><a 

href="registration.html">Registration</a></strong></div></td>

        <td width="25%"><div align="center"><a href="hands.html"><strong>Poker Hand 

Rankings</strong></a></div></td>
        <td width="19%"><div align="center"><a href="rules.html"><strong>Tournament Rules</strong></a></div></td>
        <td width="15%"><div align="center"><a href="contact.html"><strong>Contact Us</strong></a></div></td>
        </tr>
    </table></td>
  </tr>
  <tr>

    <td colspan="2">&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td><h1 class="heading">Welcome to Aces For Charity!</h1></td>
  </tr>
  <tr>

    <td><img src="" width="340" height="369"></td>
    <td><strong class="white">Need to host a fundraiser? Aces For Charity will help! We   organize poker 

tournament fundraisers for non-profit organizations,   companies, families, clubs and more. Make your fundraiser 

fun and   successful with our Texas Hold'em Poker Tournaments! Texas Hold'em is   increasingly becoming a very 

popular game and is played by many people   of all ages. Aces For Charity will provide well trained, 

professional,   courteous poker dealers along with poker tables, chips and cards. With   our network of hundreds 

of poker players in the Central Florida area we   make sure that you have a successful turnout for your 

fundraiser. Our   goal is to help your cause and make sure that your event is fun for   everyone!</strong></td>
  </tr>
  <tr>
    <td width="100" height="40" colspan="2" align="center" valign="middle" 

background=""><table width="100%" border="0" cellspacing="0">
      <tr>
        <td><div align="center">&copy; 2011 Aces For Charity. All Rights Reserved | Web design and Hosting by: <a 

href="">Uneek Printing</a></div></td>

        </tr>
    </table></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>

Not really sure how all my tags got left out...thanks for the help...it was odd. this is the only site this has happend to me.

Thanks again though for catching it for me...

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.