Forum Moderators: open
So here goes...... its the old compatability issue, i am building a site and have been checking it in IE. Howver I just looked at the bugger in Firefox and there is a small issue- Where on ie everything is centralised, in firefox it is to the left of the page. The objects in question are text within a table(this is the navigation). It is fine in ie but not firefox. I cannot give the web address cuz it isnt up yet but here is the code if it helps:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Photo Gallery - A FREE website template to download</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #6B6B6B;
}
.style1 {font-size: 12px}
a:link {
color: #CCCCCC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body><!-- Open Wrapper Div --><div id="wrapper">
<!-- Open Header Div --><div id="header">
<!-- Header Content Here -->
<h1><img name="paintinglogo" src="painting-logo.gif" width="400" height="100" border="0" id="paintinglogo" alt="" /></h1>
<p> </p>
<p> </p>
<table width="543" height="101" border="0">
<tr>
<td><p><img src="img1.jpg" width="150" height="113" /></p> </td>
<td><img src="img2.jpg" width="150" height="113" /></td>
<td><img src="img3.jpg" width="150" height="113" /></td>
<td><img src="img4.jpg" width="150" height="113" /></td>
<td><img src="img1.jpg" width="150" height="113" /></td>
</tr>
<tr>
<td><div align="center" class="style1"><a href="landscape.html" target="_top">Landscape</a></div></td>
<td><div align="center" class="style1"><a href="stilllife.html" target="_top">Still Life </a></div></td>
<td><div align="center" class="style1"><a href="seascape.html" target="_top">Seascape </a></div></td>
<td><div align="center" class="style1"><a href="carousels.html" target="_top">Carousels</a></div></td>
<td><div align="center" class="style1"><a href="watercolours.html" target="_top">Watercolours & Drawings </a></div></td>
</tr>
</table>
<p> </p>
<table width="430" border="0">
<tr>
<td width="144"><div align="center"><strong><span class="style1"><a href="comissions.html">Comissions</a></span></strong></div></td>
<td width="151"><div align="center"><strong><span class="style1"><a href="exhibitions.html">Exhibitions</a></span></strong></div></td>
<td width="132"><div align="center"><strong><span class="style1"><a href="contact.html"> Contact</a></span></strong></div></td>
</tr>
</table>
<p> </p>
<p> </p>
<!-- Close Header Div --></div>
<!-- Open Navbar Div -->
<!-- Open Main Content Div -->
<!-- Open Footer Div -->
<div id="footer">
<!-- Footer Content Here -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a href="http://www.example.co.uk/linkbuilding_webdesign.html" target="_blank">Web design Somerset </a><br />
© 2007 www.example.com¦ All Rights Reserved</p>
<!-- Close Footer Div --></div>
<!-- Close Wrapper Div --></div>
<head>
<script language="JavaScript">
var message="This work is copryrighted.\n\nContents & Graphics Copyright ©Example\nMy work is not Public Domain, and should NOT be taken from this site."; // Message for the alert box
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// --> </script>
</body>
</html>
Thanks if anyone can help!
[edited by: encyclo at 7:59 pm (utc) on Jan. 22, 2007]
[edit reason] examplified, see terms of service [/edit]
<td align="center" class="style1"><a href="landscape.html" target="_top">Landscape</a></td>
and
<td width="144" align="center"><strong><span class="style1"><a href="comissions.html">Comissions</a></span></strong></td>
?
Or use strict css:
<td class="style1"><a href="landscape.html" target="_top">Landscape</a></td>
and in style1 have align: center;
Hope this helps you
Regards
Michal
