Some pages align wrong in Firefox but OK in IE8?

[Woody54]

Hi All,

 

I am running DW CS4 having come over from MS Frontpage 2003 and I am struggling a bit.

My main problem is the positioning of a div tag in several but not all pages:

 

e.g. This is the page where I set up my main css style which I link to any new pages and this page centres ok:

 

http://www.tj-photography.co.uk/index.html

 

 

This page content moves over to the left side in Chrome, Firefox and Safari

 

 

http://www.tj-photography.co.uk/portfolio.html

 

I've tried comparing the code between the pages but nothing stands out.

 

If anyone can help please bear in mind I am fairly new to Dreamweaver and know very little about Code?

 

I set the following page up around the same time doing what I thought was the same procedure and it centres ok????

 

http://www.tj-photography.co.uk/themes.html

 

Any consructive help would be great.

[administrator]

Hi,

 

I don't know if you know, but when structuring your page, you need to first target Firefox, Chrome and Safari and then adjust for IE. You can branch your code easily using IE conditional comments.

 

Stef

[newseed]

Look in the tw_css_rule.css file and remove float: left located around line 10.

 

body {

background-attachment: fixed;

float: left;

margin: 0px;

padding: 0px;

background-image: url(../images/home_bkg_1650.JPG);

background-position: center top;

overflow: scroll;

text-align: center;

background-repeat: no-repeat;

}

[Woody54]

Look in the tw_css_rule.css file and remove float: left located around line 10.

 

body {

background-attachment: fixed;

float: left;

margin: 0px;

padding: 0px;

background-image: url(../images/home_bkg_1650.JPG);

background-position: center top;

overflow: scroll;

text-align: center;

background-repeat: no-repeat;

}

 

newseed you are a star mate. You've no idea how long I have been trying to sort this out. In two minutes it is all sorted thanks to you. BRILIANT!!

 

TW