Alignment Problems

You still have two tags, this not make sense.

Line #56:

<body id="main_body" class="style14">

Line #139:

<body style="margin-left: 0; margin-top: 0">

TonyRome, Okay, you are not understanding what I mean about closing your DIV’s.
You do NOT close them on the same line. If you do, you are creating just a list of DIV’s.
Normally, as in your example, you would do it something like this:

Your example:

In this manner, you are just creating a list of four div’s. They do not involve each other. Usually, you would use something more like this example: (same code, just each DIV close differently)

//Close key visual
//Close header
// Close container

This creates one large DIV container that contains the others. And, creates a header DIV inside which contains the content DIV… Then, you have full control over the entire class of the div’s…

It the page you gave us, after removing all the plain code, you had four DIV’s that did not close.
To prove that, go to your source code and count the

tags and count the
tags. They do not match and this is a programming error. Most likely it is the one adding the blank area…

Thanks for the response but closing the

tags in the way you have shown does not solve the problem. Not only that, but it ruins the rest of the formatting.

Well, if you view the source output of your page, NOT THE CODE, you will see that there are unclosed DIV’s and two tags. Both are invalid syntax for HTML. Somewhere inside your code, you have something that is not closing the tags correctly.

Go to your live page, right-click on it, view-source it, copy the entire text, insert it into your html editor and
it should show you errors. Either you have an “include” in the wrong place or your code is not putting the
correct syntax out into the browser. Good luck!

PS: Two tags are not correct syntax and you must fix these to continue debugging the rest!

I have already viewed the source output and explained that closing the

tags destroys the formatting completely.

Perhaps, yes, but where?! The

and tags are not the problem.

It was written in an html editor and no

errors are displayed by the editor.

Removing the second tag makes absolutely no difference to the display of the page!

As far as IE is concerned, there are no errors and it displays correctly. The and

tags do not appear to have any (positive) impact. So, what’s the difference between IE and FF?

tonyrome,

ErnieAlex is absolutely correct in his advice. While it may appear to make things worse for the moment, if you don’t address the issues he has pointed out, you will never be able to rely on the output. Browsers attempt to be very forgiving and will sometimes “guess” as to what you were looking to do when they are getting bad html. Even if you do get all the browsers guessing “correctly” right now, there is a good chance that it won’t last, as each new update to the browser could easily break this process. Even with completely valid markup, each of the browsers will behave differently sometimes, but with the errors that have been pointed out you are almost guaranteeing it.

The only link that I could find (that was working) in this thread was to http://www.anokhi.co.uk/test/test.php. Is this your current working version? Also, where is the “correct” page. When I tried the links you originally posted, I get a redirected landing page that is nothing like the page at the above link.

I know you are frustrated, but ErnieAlex has provided very good advice. Even if it seems to take you further away from where you want to be, you should follow it and then we can make more adjustments to ultimately get you VALID html output that will do what you need it to do.

Sponsor our Newsletter | Privacy Policy | Terms of Service