can someone advise please why my boxes aren't lining up on my site (<!-- m --><a class="postlink" href="http://ecb.siteprefect.com/newsite">http://ecb.siteprefect.com/newsite</a><!-- m -->)? It seems to depend on where I put the div's - sometimes they line up, sometimes they don't. It's quite frustrating though!Try using the following in your .news class.
margin: 20px 10px 10px 55%;Create a div after your two top gray divs. In this new div, place your right-side div with the position: abosolute 50% from the left. Then place your left-side div.thanks to both of you - I went with Jona's suggestion of changing the margin (though I changed the main class to 0px at the top, rather than adding 10px to the news one).
But why did it do this? If you look at my margins then both my main and news used to have the same top margin, and the benner has the same bottom margin - why should the left hand one need a smaller margin?It probably pushes the next DIV in the code off a bit, since it squeezes together...
margin: 20px 10px 10px 55%;Create a div after your two top gray divs. In this new div, place your right-side div with the position: abosolute 50% from the left. Then place your left-side div.thanks to both of you - I went with Jona's suggestion of changing the margin (though I changed the main class to 0px at the top, rather than adding 10px to the news one).
But why did it do this? If you look at my margins then both my main and news used to have the same top margin, and the benner has the same bottom margin - why should the left hand one need a smaller margin?It probably pushes the next DIV in the code off a bit, since it squeezes together...