Layout Troubles

[martinsandhu]

Hey guys,

Got a problem with my layout at http://www.ashtonmortonslack.co.uk/v2/

The three W3C logos under the leftside menu are causing a problem as i want them exactly where they are however the only way i can get them there without using absoulte or relative positining is putting them in the <div> of the news containter however i don't want the grey lines either side of them. Any Ideas?

css: http://www.ashtonmortonslack.co.uk/v...ams_common.css

[Paul O'B]

Hi,

Just float a main leftcol and put both elements inside that. (Move the logos out of the roundedbox div.)

<div id="contentContainer">
  <div id="leftcol">
	<div class="roundedBox">
	  <div class="roundedBoxTop">&nbsp;</div>
	  <div class="roundedBoxImage"><img src="http://www.ashtonmortonslack.co.uk/v...tos/people.jpg" alt="People" width="151" height="90" /></div>
	  <h2><a href="news/index.php">Breaking News</a></h2>
	  <p>Breaking news...</p>
	  <p><a href="/news/story.php?story_id=7" title="Ashton Morton Slack are proud to announce they have been awarded the Training and Development Award at the 2005 Sheffield Business Awards. ">Award winning training</a></p>
	  <p><a href="/news/story.php?story_id=6" title="On 5th December 2005 the new Civil Partnership Act will come into force, heralding a new era of legal recognition for same-sex couples.">Civil partnership advice</a></p>
	  <p><a href="/news/story.php?story_id=4" title="We are proud to announce that Robert Bryars, head of the Business Division, has gained the prestigious accreditation as a corporate mediator.">Ashton Morton Slack joins elite group of mediators</a></p>
	  <p>Click on any of the above <br />
		for further details.</p>
	  <div class="roundedBoxBottom">&nbsp;</div>
	  <div class="clear"></div>
    </div>
	<div id="standardcomplaincelogos"> <img src="http://www.ashtonmortonslack.co.uk/v2/images/valid/valid-xhtml10.gif" alt="W3C XHTML Valid" width="88" height="31" /><br />
	  <img src="http://www.ashtonmortonslack.co.uk/v2/images/valid/wcag1AAA.gif" alt="Web Content Accessibility Guidelines Priority 1,2 and 3" width="82" height="31" /><br />
	  <img src="http://www.ashtonmortonslack.co.uk/v2/images/valid/vcss.gif" alt="" width="88" height="31" /> </div>
  </div>
  <div id="mainContent">

#leftcol{
 float:left;
 width: 179px;
}