[Solaiman]

hello !!!


when add the content and side bar !!!

the wrapper dont extend

why ?


this code and the photo in attachment !!!

plz help me

#wrapper{
	width:800px;
	background:#FFFFFF repeat;
	padding: 15px 15px 15px 15px;
	margin:auto;
	border:solid 1px #fff;
	-moz-border-radius: 8px;
}


#content{
width:500px;
height:100px;
background:#fff231;
float:left;


}
#sidebar{
float:right;
background:#fff323;
width:150px;
height:100px;
}

and thx for every thing

[bammurdo]

Could you post your HTML as well ?


I can't get my head around this sorta of thing either
I think you could add :"min-hieght:100px;" to your wrapper CSS, that should work , but im not a pro at CSS yet

Give it a try
bam

Edit:

Btw, is your html like :

<div id="Wrapper">
	 <div id="Content" >
		  <!-- Contentness -->
	 </div>
	 <div id="Sidebar" >
		  <!-- Links -->
	 </div>
</div>

?

This post has been edited by bammurdo: 12 November 2009 - 05:41 AM

[thehat]

It's because both your content and your sidebar are floated, which takes them out of the flow of the document and stops them affecting the parent's height. A trick to fix this is to create another div after your content and sidebar and set it to clear:both, which will force it to sit below your other divs and force the height of the parent container.

div#myClearDiv {
	font-size:1px;
	line-height:1px;
	clear:both;
}

[Solaiman]

bammurdo, on 12 Nov, 2009 - 04:37 AM, said:

Could you post your HTML as well ?


I can't get my head around this sorta of thing either
I think you could add :"min-hieght:100px;" to your wrapper CSS, that should work , but im not a pro at CSS yet

Give it a try
bam

Edit:

Btw, is your html like :

<div id="Wrapper">
	 <div id="Content" >
		  <!-- Contentness -->
	 </div>
	 <div id="Sidebar" >
		  <!-- Links -->
	 </div>
</div>

?

thx for try !! dos'nt work !!

thehat, on 12 Nov, 2009 - 06:08 AM, said:

It's because both your content and your sidebar are floated, which takes them out of the flow of the document and stops them affecting the parent's height. A trick to fix this is to create another div after your content and sidebar and set it to clear:both, which will force it to sit below your other divs and force the height of the parent container.

div#myClearDiv {
	font-size:1px;
	line-height:1px;
	clear:both;
}

thx very very much !!


worked )