Need quite a bit of CSS help please

[pein87]

try this should work used inner div for spacing floats and a 1px clear:both div to clear the floats. color addded so you can test it as a regular html page first. You can use one float since everything will wrap around the floated object until cleared but your signs would look messy. you could also use two divs on main div set to position:relative; and the inner div set to position: absolute; and set right:5px; to set it spaced 5 pixels from the right and it should keep 50% of the parent divs width. I haven't tested it but its possible if this version doe not work.

HTML:

<div class="container">
	<div class="q">
		<div class="spacer">dasda</div>
	</div>
	
	<div class="a">
		<div class="spacer">dasda</div>
	</div>
	<div class="endFloat"></div>
</div>

CSS:

div.container {
	height:auto;
	width:100%;
}
div.q {
	width:50%;
	float:left;
	background-color:fuchsia;
}
div.a {
	width:50%;
	float:right;
	text-align:right;
	background-color:aqua;
}
div.spacer {
	padding:5px;
}
div.endFloat {
	width:100%;
	height:1px;
	clear:both;
}