the layout of my site looks fine with firefox but with IE the header is away from the content

 

Site here

 

Could there be some coding wrong somewhere?

Yes, I would completely redo it.

You have the doctype listed twice, three body tags on of which is <body. Two html and body closing tags, css references in the content etc etc etc.

wow... what editor made that code?

sadly, yes this would have to be redone completely

yeah, redo it bro. And you can only link a stylesheet in the header, even if it's called footer.css

You might want to center the layout with a wrapper and take a look at some CSS galleries for design inspiration. Once everything is fixed and if it's still out of place in IE, read everything on Positioniseverything to learn about how conditional comments work

A shortcut may help

freecsstemplates

here one can view and download. If nothing else, study the structure in the code.

-----

Edited October 31, 200817 yr by dg2008

yeah, redo it bro. And you can only link a stylesheet in the header, even if it's called footer.css

You might want to center the layout with a wrapper and take a look at some CSS galleries for design inspiration. Once everything is fixed and if it's still out of place in IE, read everything on Positioniseverything to learn about how conditional comments work

 

it looks to be fine now but should I only have 1 style sheet then? I have changed everything to style.css and linked it in the header.php looked at my index.php file and I have the whole header code in there so removed that and it's all sorted.

 

Bruce2005 So I can place 3 different style sheets in the header? or should I just have one. Thanks for the link but they are very must blogging layouts where you have the main content and then a small side bar I don't want that for this site

 

red-x I use dreamweaver

so I have it sorted now I think (now centered yet & design I'm working on that).

 

One thing is the news section I have coded it:

 

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td class="title"> {subject} </td></tr>
<tr><td class="title3"><p align="center">{date}</td></tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td class="content"><p align="justify>{cat_icon} {news} {fullstory}</p><tr></td>
<tr>
 <td class="comments">
 <p align=right>{send} :: {comments} {nrc}</p>
 </td>
</tr>
</table>

 

css is

 

.title { color:#333333;
		  font-size: 9pt;
	  letter-spacing:0px;
		  font-family: Arial, Helvetica, sans-serif;
		  font-weight:bold;
		  text-align:center;
		  padding-left:10px;
		  padding-top: 2px;
	  padding-bottom: 2px;
		  padding-bottom: 1px;
}
.title3 {
	background-color: #EFD8A5;
	font-family: Tahoma; 
		  font-size: 9px; 
		  line-height: 10px; 
	font-weight: normal; 
	color: #834054;
	text-align: justify; 
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.content { color:#333333;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px; 
	line-height:12px;
	font-weight:normal;
			text-align: justify;
			padding-left: 2px;
			padding-right: 1px;
			padding-top: 2px;
			padding-bottom: 2px;
}
.comments {
	font-family: Tahoma; 
	font-size: 9px; 
	line-height: 10px; 
	font-weight: normal; 
	color: #333333;
	text-align: justify; 
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;

 

 

everything looks fine in IE but in FF the style for height is wrong. What can I add to make it look the same in all browsers?

 

EDIT:

 

I've change line-height: 10px; in style.css to 0px and added

 

<!--[if IE 5+]>
<style>
.title3 {line-height: 15px;}
</style>
<![endif]-->

 

it make FF smaller but still not the same as IE