I have opened a new thread since the title of the original previous post might be misleading.

I use the html editor 2009 (build 305) - and use the visual editor tab to edit the layout of the main block content. I have just downloaded and installed a fresh version - just to be sure.

I have been making my first website using css, for a friend, sitting for now on my own hosting.
http://artofnow.org/elisabeth/v2/index.html

I am used to the visual tab changing the content type charset and always have to change it after a visual edit.

But now it is moving the content in my css block "main"

So if you look at the website ... the subpages I have not edited with the visual editor tab sit nicely
and the ones that have been visually edited (home, contacto,...) are displaced.

I have played about with css block sizes to no avail.
I have gone through the html code to see what is different and can't find anything

So now a bit stuck. Any help very welcome.

Norman, Sorry I can't help you with any coding issues. I just wanted to mention that switching between the code editor and the visual editor has been advised against in some other threads/discussions. They should be treated as 2 separate programs, and one needs to choose to work in either code view or visual mode - then stick with it - no back and forth between them.
I'm sure someone else will be able to have a look at your site and help you get it worked out

Thanks paintbrush
I haven't read the other posts about this, but it wouldn't make much sense to have the tabs with the same prominence in the HTML Editor if they were to be treated as separate programmes (To be clear I'm not talking about the Visual Site Designer but the visual tab within the Editor).

But even so ... when I edit and look at the page in the visual editor .... it is not displaced ... it looks fine .... then I open it in the browser (Firefox or IE) and it is moved. So I don't know how to re-place it properly either in the Visual or code editors.

Are you referring to the images displaying twice on the same page? I don’t use the visual editor but if that is the issue perhaps someone can assist you in correcting the issue.

Going down the left menu:
Home
La reconexión
Psych-k
Saber mas
Elisabeth Esteban
Contacto

Sorry I was trying to use a keyboard tab to aligh my answer and it sent without my complete answer.

Going down the left menu:
Home the right main block sets below the top line of the block
La reconexión the right main block sets below the top line of the block
Psych-k the right main block sets below the top line of the block
Saber mas Sets properly in line with the top of the block
Elisabeth Esteban Sets properly in line with the top of the block
Contacto the right main block sets below the top line of the block

The ones that set badly were edited in the visual tab .... the ones that set properly were not.
In IE some of the bad ones display the image twice

I see it now. That is either a margin or padding issue with the css for each page.

Just to be clear on this, it is very very advised "not" to use both the Code & Visual editors of the HTML Editor at the same time. Swapping back and forth will alter your code and cause many issues with your placements and setups of your page. Due to the fact that they both use extremely different coding systems, it's strongly advised (almost impossible not to) to choose one or the other and stick with it. Don't switch back and forth while trying to code the same page.

If it is in the css padding or margins why, with no change in the css:
- does it all sit correctly in the right place before editing box content with visual editor, then
- as soon as I make a minimal edit with the visual editor it jumps out of position

puzzled .... As I said I'm just learning css .... help

Well it has taken me a while:
Taking out code to see what was moving the block contents. And now I can reveal:

This works fine:
<div class="main" style="BACKGROUND-IMAGE: url(disco.JPG)">
<font size="6"><br />
<b>Contactame</b><br />
<br /></font><font size="3">ELISABETH ESTEBAN<br />
<br />
686 676 514<br />
<br />
<a href="mailto:eliest8@hotmail.com">E-mail</a></font><br />
</div>

And this with a simple <p> put in by visual editor, moves the block:
<div class="main" style="BACKGROUND-IMAGE: url(disco.JPG)">
<p><font size="6"><br />
<b>Contactame</b><br />
<br /></font><font size="3">ELISABETH ESTEBAN<br />
<br />
686 676 514<br />
<br />
<a href="mailto:eliest8@hotmail.com">E-mail</a></font><br /></p>
</div>

I hope this is useful to someone else.

Now back to tidy the rest of the code.
Thanks for all help.