Skip navigation

Dreamweaver

whattevva

Currently Being Moderated

Firefox/Safari page div issues...

Mar 7, 2011 11:20 AM

Hi ,

I have a “center-align” issue in most browsers – actually – the only one I’m sure it works in so far is IE 8 – but not sure why?

Within my dev site, The footer is centered with the content on all pages (as it should be) – with the exception of the homepage. In the content area of the homepage is a javascript which has a “slider” feature to scroll through a few images – and for some reason it causes the footer to align to the left side of the page:

http://www.thecreativeadvantage.com/2011_redesign/

Secondarily (sorry) on my video pages – the video player was aligned far left – but it seemed to fix when I added a new div above it with a “sub-navigation” set of text links within – the video recentered with that in place. Not sure why, but not complaining. Now I can’t seem to get this sub-navigation to center above the video player in Firefox, Safari, etc…

http://www.thecreativeadvantage.com/2011_redesign/gallery-vid-corporat e.html

I know the answer is hidden in the css - Any assistance or advice on this would be greatly appeciated!

Thanks so much,

Jesse

376 Views 4 Replies Latest reply: whattevva, Mar 7, 2011 7:57 PM

Replies

Currently Being Moderated

1. John Waller,

Mar 7, 2011 11:47 AM in reply to whattevva

Report

I know the answer is hidden in the css

The centering of the footer is an HTML issue.

The home page is the only one where the footer div does not sit inside <div id="container">, which centres the footer on the other pages.

|
Mark as:
Currently Being Moderated

2. whattevva,

Mar 7, 2011 12:09 PM in reply to John Waller

Report

Hi John,
Thanks for taking the time to look - I'm not sure that's it... all of the pages are built from a template, with the header and footer "locked", and only the "main content" area is editable. The bottom of all pages (homepage included) has the closing div for the container outside of the footer, so something else is amiss - I just can't seem to place a finger on it...

</div>
</div>
</body>

I appreciate the suggestion though, and the time spent to check! I've temporarily moved on to the other centering issue as this one is driving me crazy... :{D
Jesse

|
Mark as:
Currently Being Moderated

3. John Waller,

Mar 7, 2011 2:31 PM in reply to whattevva

Report

It's definitely the page structure.

The W3C Validator says you have unbalanced div tags
http://bit.ly/ffaiNl

Without going into a full div by div analysis, you probably have one too many closing </div> elements.

Viewing the home page code in DW Design View, mismatched closing </div> tags are highlighted by DW in bright yellow.

This mismatching is causing the footer div to be outside the container div (and not centered) on the home page only.

|
Mark as:
Currently Being Moderated

4. whattevva,

Mar 7, 2011 7:57 PM in reply to John Waller

Report

Genius!!! Thanks John - you dah man!!!

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points