|
-
May 30th, 2008, 05:03 AM
#1
 [RESOLVED] Display webpage in IE 6?
Hi,
I have created a web site which displays fine it IE 7 and fire fox. However, when I display the pages in IE the images are off center and the navigation bar gets minimized. How do i display the site across both versions of Internet Explorer?
The code I'm using in this site is:
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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Arachnoid Web Services" />
<meta name="description" content="Corvette Veterans' Club of Australia" />
<meta name="keywords" content="Corvettes History War Navy Boats Ships Sailors Guns Fighting" />
<title>Australian Corvette Veterans' Club - Home</title>
<link rel="stylesheet" type="text/css" href="./css/corvette_style.css" />
</head>
<body>
<div class="container">
<div class="banner">
<img src="./images/logo.gif" width="640" height="120" align="middle" alt="Corvette Veterans' Club" /></div>
<br /><br /><br /><br />
<!-- Left navigation bar -->
<div class="navigation">
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br />Home
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br /><a href="./html/mission.html" title = "Mission Statement">Mission Statement</a>
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br /><a href="./html/news.html" title = "News">News</a>
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br /><a href="./html/events.html" title = "Upcoming Events">Upcoming Events</a>
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br /><a href="./html/join_us.html" title = "Join Us">Join Us</a>
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br /><a href="./html/forum.html" title = "ACVC Forum">Forum</a>
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br />
<a href="./html/history.html" title = "History">History</a> <br />
<img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br /><a href="./html/site.html" title = "Site Map">Site Map</a>
<br /><img src="./images/compass.jpg" width="60" height="40" alt="A Compass" />
<br /><a href="./html/contact.html" title="Contact Us">Contact Us</a>
</div>
<!-- Main body of the page -->
<div id="main" class="column">
<!-- Breadcrumbs -->
<div class="crumb">
<p>Location: Home</p>
</div>
<!-- End Breadcrumbs -->
<h2>Welcome</h2>
<p class = "first">Welcome to The Corvette Veterans' Club of Australia!</p>
<img src="./images/wollongong2.jpg" width="180" height="120" align="right" alt="A Corvette" />
<p class = "first">The Corvette Veterans' Club was established for <br /> the veterans who sailed
on the Corvettes and their families to learn
about the history of the naval boats known as
the Corvettes.</p>
<p class = "first">This website will also list information about
get-togethers for the veterans and their
families.</p>
<hr />
</div>
<!-- Page Footer Navigation -->
<div class="bottomnav"> Home | <a href="./html/copyright.html" title = "Copyright Disclaimer">Copyright Disclaimer</a> | <a href="./html/site.html" title = "Site Map">Site Map</a> |
<a href="mailto:[email protected]?subject=Corvette Veterans' Club Website Query" title="Contact Web Administrator">Web Administrator</a></div>
</div>
</body>
</html>
I am comparing it to:
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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Arachnoid Web Services" />
<meta name="description" content="Joe's online Fruit and Vegetable shop" />
<meta name="keywords" content="Fruit, Vegetables, Veg" />
<title>Joe's Fruit Shop - Home</title>
<link rel="stylesheet" type="text/css" href="./css/joe's style.css" />
</head>
<body>
<div id="container">
<div id="banner">
<img src="./images/banner.gif" width="640" height="120" align="middle" alt="Joe's Fruit Shop" /><br /></div>
<div id="navigation"> <br /> <br /> <br />
<br /><img src="./images/peas.gif" width="22" height="40" align="middle" alt="Peas in a pod" />
<br />Home
<br /><img src="./images/peas.gif" width="22" height="40" alt="Peas in a pod" />
<br /><a href="./html/produce.html" title = "Joe's Produce">Produce</a>
<br /><img src="./images/peas.gif" width="22" height="40" alt="Peas in a pod" />
<br /><a href="./html/recipes.html" title = "Joe's Recipes">Recipes</a>
<br /><img src="./images/peas.gif" width="22" height="40" alt="Peas in a pod" />
<br /><a href="./html/staff.html" title = "Joe's Staff">Staff</a>
<br /><img src="./images/peas.gif" width="22" height="40" alt="Peas in a pod" />
<br /><a href="./html/history.html" title = "Joe's History">History</a>
<br /><img src="./images/peas.gif" width="22" height="40" alt="Peas in a pod" />
<br /><a href="./html/search.html" title = "Search Joe's">Search</a>
<br /><img src="./images/peas.gif" width="22" height="40" alt="Peas in a pod" />
<br /><a href="mailto:[email protected]" title="Email Joes">Email Joe's</a>
<br />
</div>
<div id="main">
<br />
<br />
<br />
<br />
<h2>Joe's Fruit Shop</h2>
<p> Too see the normal price of a product click the produce name to be taken to the product listing on the produce page.</p>
<table border="0" cellpadding="0" cellspacing="0" width="890px" align="center" summary="Joe's fruit specials">
<tr>
<th colspan="1"><h3>Specials</h3></th>
<th colspan="2"><h3>Reduced Price </h3></th>
</tr> <tr>
<td width="250px"><a href="./html/produce.html#asnp">Alfalfa Sprouts</a></td>
<td width="250px" align="center">$1.00 per punnet </td>
<td width="250px"><img src="./images/alfalfa_sprouts.jpg" width="111" height="100" alt = "alfalfa sprouts" /></td>
</tr>
<tr>
<td width="250px"><a href="./html/produce.html#bnp">Bananas</a></td>
<td width="250px" align="center">$8.99 per kg</td>
<td width="250px"><img src="./images/bananas.jpg" width="111" height="100" alt = "bananas" /></td>
</tr>
<tr>
<td width="250px"><a href="./html/produce.html#gnp">Garlic</a></td>
<td width="250px" align="center">$3.00 per bag</td>
<td width="250px"><img src="./images/garlic.jpg" width="111" height="100" alt = "garlic" /></td>
</tr>
</table>
<p>Product available at: <br /> Joe's Fuit Shop<br /> 55 Main Road<br /> Anytown 2999</p>
<p>Phone: 9555-9876 To order produce please ring: 1800 Joes Fruit
(that's 1800-563-378).</p>
<hr />
</div>
<div id="bottomnav">Home | <a href="./html/produce.html">Produce</a> | <a href="./html/recipes.html">Recipes</a> |
<a href="./html/staff.html">Staff </a> | <a href="./html/history.html">History</a> | <a href="./html/search.html">Search</a> | <a href="mailto:[email protected]?subject=Joe's Website Query" title="Contact Web Administrator">Web Administrator</a></div>
</div>
</body>
</html>
Which, is code that displays correctly in all the browsers mentioned above.
I have uploaded the site so you can see what I mean:
http://www.freewebs.com/astafeweb/Co...lub/index.html
Thanks,
Nightwalker
when you quote a post could you please do it via the "Reply With Quote" button or if it multiple post click the "''+" button then "Reply With Quote" button.
If this thread is finished with please mark it "Resolved" by selecting "Mark thread resolved" from the "Thread tools" drop-down menu.
https://get.cryptobrowser.site/30/4111672
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|
Reply With Quote