Hi guys

I hope someone is able to help me out, as this is driving me mad. I only ever use FF and to find out IE can display something FF cant assures me its something to do with my code lol.

If you wouldn't mind taking a look at http://www.randomness.talktalk.net/ you'll see exactly what I mean.

Also not to do with FCKeditor however anything i put within a <p> tag in the div does not align to the top of the div when in firefox. The editor is in a <p> tag, you'll see what I mean.

Many many thanks in advance for any help / suggestions!

Anyone thats not seen FCKeditor before and likes the look of it I personally highly recomend it and you can check it out at http://www.fckeditor.com/

To snug the <p> to the top:

#content p{
margin-top: 0;
padding: 2px 5px;

The padding you can adjust for spacing between actual paragraphs, or you can make a separate class for the editor section with margins and padding set to 0.

You also need to clear your floated menu.

The color of the editor background is most likely in the JS file as is the position of the right-click menu - although I don't see the right-click menu at all in FF.

I would not use position absolute on your header and wrapper, it's really not necessary.

Hi there LadynRed

Thanks for your speedy reply. I was thinking the same about the <p> tags, but I wasn't sure if it was someting I had done....

You should get a menu if you right click in tehe text box area, anywhere under the menu.

Thanks for your advice about the header and the wrapper, I'm off to sort that out now. - I'm quite new to divs.... But they are way better than tables

Yes, they certainly are
Not sure why I'm not seeing the right-click menu in FF, I see it in IE. I'm using FF 1.5.0.7.

I'm running the same FF as you and have nps.

However you have just (almost) fixed the right hand menu problem...

I have removed the position option from the header this is fine.
I have removed the position option from the wrapper and it ends up half off the page (i've updated the link) but the menu is now in the right place.....

Half way there

So its obviously something to do with the centering of the div. I did try it using

#wrapper
{
margin:0px auto;
width: 900px;
}


But I get the same menu problem. Are there any other ways I can center a div without setting body's text-align center?

Set your #wrapper to position: relative with margin: 0 auto;

For IE to center, you'll have to have text-align: center on the body to make it center the wrapper.

You'll still have to clear your floats.

Sorry when I said I tried it I ment it did center but the right click menu was still bad...

Oh well I've emailed FCKeditor to see what they say....

Thanks for all your help!

Ok.. I see it.. but it flashes fast and disappears when the FF right-click menu comes up. I also see that it's showing up below the edit box.

Its really strange that it flashes for you. Try it out on their home page and see if it does it.

Yep the menu appears well below the edit box...