IE and Firefox- html different???

safeastinkywinky · 7 Mar 2006 at 00:30

http://www.caerphillydragons.co.uk

For some reason the positioning of the page is different in firefox vs ie and opera . It seems closer to the edges in firefox than the other two which is giving me issues when using div tags to place my text and images!!! Also I've lost the borders from my css list for my navigation bars!!! So frustrating. Any help much appreciated. I'm new to web programming and used to using c++ etc, so any web help much appreciated. Should I get rid of my tables and use div tags completely???

Thanks.

safeastinkywinky · 7 Mar 2006 at 13:23

Thanks very much mate. Just the reply I was looking for! I'll check out both methods now.

safeastinkywinky · 7 Mar 2006 at 13:31

Yeah works fine.

Code:

*, html, body {
margin: 0;
padding: 0;}

Thank's a lot!

safeastinkywinky · 7 Mar 2006 at 13:43

One more thing, my nav bar is still no displaying the borders in IE and is in Firefox:

css code:

Code:

#topnav 
{ 
	background-color:#FFFFFF; 
	padding: 0.2em 0.2em; 
	margin: 0; 
	position: relative;
	 
}

#topnav li
{ 
	display: inline;
	padding: 0 0 0 0.5em; 
	margin: 0;
}

#topnav li a,#topnav li a:link,#topnav li a:visited
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;color: #1E3113;
	font-weight:bold; 
	text-decoration:none;
	border-right: 0.5px solid #1E3113;
	border-color: #1E3113; 
	padding: 0 0.5em 0 0; 
	margin: 0;
}

#topnav li a:focus,#topnav li a:hover,#topnav li a:active 
{
	color: #A7B69E;
	font-size:12px;
	
}

html code

Code:

<table width="740" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td>
  <ul id="topnav">
			<li><a href="/index.html">home</a></li>
			<li><a href="/members.html">members</a></li>
			<li><a href="/fixtures.html">fixtures</a></li>
			<li><a href="/results.html">results</a></li>
			<li><a href="/gallery.html">gallery</a></li>
			<li><a href="/contact.html">contact</a></li>
			<li><a href="/links.html">links</a></li>
			<li><a href="/guestbook.html">guest book</a></li>
			<li id="memberlogin"><a href="http://www.caerphillydragons.co.uk/login.php">login</a>
			
			</li>
	  </ul>    </td>
    </tr>
  </table>

Any Ideas?

safeastinkywinky · 7 Mar 2006 at 14:00

Thanks, will try that now.

safeastinkywinky · 7 Mar 2006 at 14:06

Woked a treat. Just one more thing... (Getting like Columbo now) My nav bar is slighlty fatter in firefox than ie. Causing all my text below to be one or 2 pixels off (height wise) between browsers?

Thanks.