The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Page elements not lining up correctly

I've divided this page up into 3 sections http://homepage.ntlworld.com/julian....Addresses.html - the first starting "Council Members 2003 -2004, the second starting with "Members of Council" and the third "Ex-Officio members". Immediately below these lines, the first line of the first two addresses on the left and right sides of the page respectively should line up with each other. They only do this in IE Mac, IE5.5 and IE6 PC. As far as I can see it doesn't line up in IE5 PC and Netscape in Mac

I have used 2 div's, one for each column. Within each of these div's, I have nested 3 further div's and these correspond to the 3 sections mentioned above. To separate these sections, I have used 'margin-top'.

I'd very much appreciate any help, as I have no idea what to do!
Philippa

Thank's very much for your help. The page now works very well in PC and in Netscape for Mac, but there still seems to be problems in IE5 Mac. The sections 'topright' and 'topleft' work perfectly. The title "Members of council' also displays correctly. However, the section, 'midleft' doesn't appear at all. 'Midright' appears in the correct place on the right hand side, but much further down the page. The last section, 'bottleft' and 'bottright' display correctly and in the right place. I've checked and re-checked the code, but have no ideas as to why the middle section isn't displaying correctly.

A quick question, why have you put <div style="clear:both"></div> at the end, when you have used 'h3.title{margin-left: 15%;clear:both} at the beginning of each section?

Once again, very many thank's for your time. I've uploaded the file again,

You need to get rid of the closing span and also the <p> tag. Try deleting them and see if that makes any difference to ie5 mac. There seems to be no reason why the top and bottom work but the middle doesn't unless it is the errors above.

If it still doesn't work try the code I pasted just in case a typing error has been introduced that wasn't picked up by the validator.

If it still doesn't display then try adding position:relative to all the (ul).

If that doesn't work delete topleft and topright and see if midleft now displays.

If that doesn't work delete everything except midleft and see if it works on its own. If not then theres obviously a mistake somewhere in the css. Delete the style and add one line at atime back in until it either works or doesn't work etc.

Hopefully you should find what's causing the problem this way. (If I had ie5 mac I'd do it for you .

Hi Paul,
I added position:relative to all the (ul). 'Midleft' now appears and in the right place, but there is still a large gap between the end of the first section and the beginning of the first. I'll try out your other suggestions
later today.