Third column on top of second column, other things disappeared off page

I've never had any problem with my site and it was working at least 2 weeks ago. At that time I added two new banners with google ads in them. It all worked fine and they have had over 2000 views apparently.

Today I clicked on the page here:
http://askingangels.com/jewellery

You can see the problem visually all wonky, and the text I had in the define main page is gone completely. Also the top of the middle column is missing, what a mess. How can I go about fixing this and what do you supposed caused this problem. :no:
Thanks!

You have appear to have nested head and body tags that shouldn't be there.

<div id="indexDefaultMainContent" class="content"><html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>mainpage</title>
</head>
<body
 style="color: rgb(0, 0, 153); background-color: rgb(255, 255, 255);"
 alink="#ccffff" link="white" vlink="#ffcccc">
<div style="text-align: center;">
<div style="text-align: left;">.<br>
</div>
<span style="text-decoration: underline;"><br>
<big><span
 style="font-family: Helvetica,Arial,sans-serif; font-weight: bold;">Visit
my Main Site: www.askingangels.com for interesting Articles on Angels</span></big></span><big><br
 style="font-family: Helvetica,Arial,sans-serif; font-weight: bold;">
<span
 style="font-family: Helvetica,Arial,sans-serif; font-weight: bold;">Psychic
Readings available for Worldwide emailed at no shipping cost.</span><br
 style="font-family: Helvetica,Arial,sans-serif; font-weight: bold;">
<span
 style="font-family: Helvetica,Arial,sans-serif; font-weight: bold;">Jewellery Postage is flat rate of $3 for as many items as you buy together combined, post to Australia Only.</span></big></div>
</body>
</html>
</div>
```What editor are you using to write this?

I used Kompozer, which I no longer use.

I deleted the code from the define main page to test already and that is not affecting the page, it still has columns on top of each other etc.

violetlinnie:

I deleted the code from the define main page to test already and that is not affecting the page, it still has columns on top of each other etc.Nope the code is still there.
Have a look in the "view source"
Are you editing the file in your overide folder?

gilby:

Nope the code is still there.
Have a look in the "view source"
Are you editing the file in your overide folder?

Yes I tested without the code, same problem, so I put it back again.
I haven't edited any code in months except new banners, all has been fine without errors - but my page went crazy sometime in the last two weeks, which I only just discovered. I am most concered about the columns on top of each other and the missing part of that page that has just gone.

Okay I've removed it, it was only temporary as I want to put in a banner at some point at the top.

violetlinnie:

Yes I tested without the code, same problem, so I put it back again.
I haven't edited any code in months except new banners, all has been fine without errors - but my page went crazy sometime in the last two weeks, which I only just discovered. I am most concered about the columns on top of each other and the missing part of that page that has just gone.In FF it shows the text for that area and that is the problem.
What files are you editing?
With what editor?
What directory are you putting them it?

gilby:

In FF it shows the text for that area and that is the problem.
What files are you editing?
With what editor?
What directory are you putting them it?

I removed the code just now using ZC admin but the problem still seems to be there.

In index_home.css, you've moved the center column up using negative margin (rule below), but you've left the sideboxes behind. Try setting the placement using #contentMainWrapper instead. You'll have to fiddle with margin and maybe padding a little.

.centerColumn {width:600px;/position:relative;top:-309px;/;margin-top:-309px;}

stevesh:

In index_home.css, you've moved the center column up using negative margin (rule below), but you've left the sideboxes behind. Try setting the placement using #contentMainWrapper instead. You'll have to fiddle with margin and maybe padding a little.

.centerColumn {width:600px;/position:relative;top:-309px;/;margin-top:-309px;}

Oh okay. How do I set the placement, is that in ZC admin or do I have to look in my control panel to find index_home.css
I'm new to fiddling with margins, where in admin is that?
Thanks for the above info. I'm a novice at this.

It's not in admin. You'll have to use your FTP program to download the css file, edit it, and upload it back.

While you're at it, download the Web Developer plugin for Firefox, which will let you display and edit the stylesheets without actually changing anything permanently. An essential web design tool. Some people prefer Firebug, which does much the same thing.

stevesh:

It's not in admin. You'll have to use your FTP program to download the css file, edit it, and upload it back.

While you're at it, download the Web Developer plugin for Firefox, which will let you display and edit the stylesheets without actually changing anything permanently. An essential web design tool. Some people prefer Firebug, which does much the same thing.

I cannot find the css file, I'm looking in file manager...I must be blind. Once I find it easy enough to change. What folder is it in? Or do I have to use ftp to find it?

I can see the advantage of a Web Developer plugin, that sounds cool.

Wait...found it, tricky thing was hiding.

Thank you so much, I have fixed that bit good enough for now :smile:

I do still have the third column on top of the second column and also a giant gap in the page above the columns, if anyone knows what that is about it would be great.

http://askingangels.com/jewellery

I'm not seeing the 'third column on top of the second column'.

You removed the negative margin from centerColumn, which set the top of the center and the sideboxes to the same place. Now you need to move all of it up. One way would be to add something like this to the same stylesheet:

#contentMainWrapper {margin-top: -270px;}

Yes success, thank you so much!

I don't know what the thing is with the columns superimposed, never happened before and I haven't changed anything in my store, although the top of the page was always glitchy after I removed the original banner at the top.

But that was brilliant help to get this far, thanks.