[Nfasfous]

Hello everyone, here's my problem, the elements aren't scaling according to the contents. i've attached two pictures to show you the problem. the first pic is taken from the web designing program which shows each element separately scaling, according to what it's holding inside it, and the second pic is from a browser... please help

in web design program img694.imageshack.us/img694/2977/programjj.jpg
in browser img94.imageshack.us/img94/195/browser.jpg

add h t t p:// in front of each link... thanks

[Zod]

add this in your css:

hr{clear:both;}

[Nfasfous]

img707.imageshack.us/img707/7717/clearboth.jpg

this is what it looks like, with clear:both

just to make sure, hr is the container of each piece of news, right?

[Starbright]

How is anyone meant to help without seeing any code. This could be anything.

[Nfasfous]

sorry, my bad

<div class="content"><div class="subcontent">
		<h1>The Articulate Baboon Gallery</h1>
			<p>In April 2010, Omar will be exhibiting his new work at the 
			Articulate Baboon gallery located at the design center Designopolis 
			in Cairo, Egypt. The gallery specializes in in graffiti and 
			calligraphy.</p>
		</div><div class="subcontent">
		<img class="sectionimage" src="sunnyartfair.jpg" width="250" height="188" /><h1>Sunny 
		Art Fair</h1>
			<p>In December 2010, the Sunny Art Fair had its opening at the Zara 
			Expo Center where several galleries and individual artists showcased 
			their work. Omar Bilbeisi participated by presenting three paintings 
			with two major galleries from Amman at the Art Fair.</p>
		</div><div class="subcontent"><img class="sectionimage" src="nabad.jpg" width="250" height="188" /><h1>Contemporary Calligraphic Art In The Arab World</h1>
			<p>On 14th December 2009, Omar Bilbeisi participated in the 
			Contemporary Calligraphic Art in the Arab World exhibition held at 
			the Nabad Art Gallery in Amman, Jordan with other Arab Artists 
			specializing in calligraphy. The artwork exhibited all drew on the 
			rich tradition of Arabic calligraphy, utilizing the Arabic script in 
			new and creative ways, both in its abstract and traditional forms.</p>
		</div></div>

CSS

div.content {
	width:751px;
	margin-left:210px;
	padding:0;
}

.subcontent {
	width:751px;
	margin:0px;
	padding: 10px 0;
	border-bottom:1px gray solid;
	clear:both;
}

.sectionimage {
	margin:0 0 10px 10px;
	float:right;
	border:1px black solid;
}

each subcontent contains 1 piece of news and a picture on the right.

[Starbright]

That's not enough of the code to solve your problem, why not just post it all?

[taylormsj]

add <br clear="all" /> just before the closing </div> of .subcontent.

That way the grey line will clear the image that is in the div

[Nfasfous]

Thank you so much taylormsj, worked perfectly, thank you Starbright and Zod as well

[taylormsj]

Your welcome