Try using Firefox with the firebug add-on.
I looked at the two pages above and in the ‘broken’ page firefox shows that the #content.narrowcolumn has different settings somehow.
In the ‘broken’ page the narrowcolumn is showing as wider than the picture, this would push the sidebar div down to underneath the narrowcolumn div on a standard width screen.
There appears to be some local style attributes added to the working sheet in the html around the div id
outline: 1px solid rgb(255, 0, 0);
Which I can’t see on the other page. Maybe some hardcoded styles have been overwritten by a new index page?
thanks for the reply …I downloaded the firebug add on …I will see if I can understand it …. I am a novice at this..so not 100% sure what I have to do to correct what you described……… could it have been hacked and the index changed?
I have also restored the database and this has not fixed the problem ..
use the firefox/firbug browser. Go onto one of your pages and hover the cursor over a point on the page and right click. From the drop down use Inspect element and the CSS/HTML for the exact point that your cursor is over will show in the bottom on the screen in a new window.
As you move the cursor around the information the area of the screen it applies to is highlighted. You can also scroll along a ‘title bar’ on the top of the textual part, it is like breadcrumbs and you can see the divs/classes etc change colour on th page to show you the div outlines.
On the left is the html text that shows you what the page is doing in html and on the right there is a box with the CSS in it. It will show you the commands that are relevant to that particular area.
It does take some getting used to, but when I saw how much information it me it was hard to think how I ever managed before!
i would look into your dashboard, in Appearance > editor. This will show you the files that are relevant to your theme. Check the index, header and page files as well as the style sheet .CSS file. As long as you don’t save anything you can look around and get a feel of how it is all put together.
On looking again it seems that the div ‘page’ only holds the top graphic on the broken page, so a </div> might be out of place somewhere.
thanks again …. I have resolved the issue now ….. I had done a few recent posts in html mode …I usually post in visual mode .. I had copied and pasted some text in without using the editor …also deleted some blank lines from some other posts … I guess I did not close off a tag somewhere due to my lack of understanding …. anyway ..deleted the last five posts as I could not work out my mistake ….but it has cured my problem.
Thanks for your time …and also the firebug recommendation …it has encouraged me to learn more about code…and this is a nice way to view code etc..
cheers
