1,105,340 Community Members

how to increse the area of this part using css

Member Avatar
cssweb
Junior Poster in Training
77 posts since Sep 2012
Reputation Points: 14 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

helo guys how are you, my proplem is the div has exceed the footer and this image will clarify what do i mean

http://s2.postimage.org/4x5ur7955/555.jpg

this is all codes which i used

#left{//this div for left side
float:left;
width:140;
margin:0px;

}

#right{this is for right side
float:right;
width:140;
margin:0px;

}


#headblcok{//this div for head of the news which i named "main"
background:#282828;
color:white;
padding:1px;
text-align:center;
margin-left:1px;
margin-right:1px;
font-size:20px;
display:inline;
position:absolute;
width:941px;

}

#subhead{//this div for the title of the news
background:#dbdbdb;
margin-bottom:1px;
margin-top:2px;
font-size:17px;
padding:4px;
color:black;
text-align:right;
display:block;

}

.content{// all div i put them in this div 
display:absolute;
width:1225px;
margin: 0 auto;
text-align: right;
border:1px solid white;
margin-top:10px;
border-radius:8px;
background:white;

}



<div id='headblcok'>main // title of the news i put them as this 

<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>
<div id='subhead'>here i want to put the title of the news</div>

</div>
Member Avatar
AleMonteiro
Master Poster
758 posts since Aug 2010
Reputation Points: 115 [?]
Q&As Helped to Solve: 143 [?]
Skill Endorsements: 29 [?]
 
0
 

But how do you want the result to be?

Member Avatar
GliderPilot
Posting Whiz in Training
295 posts since Sep 2006
Reputation Points: 31 [?]
Q&As Helped to Solve: 48 [?]
Skill Endorsements: 14 [?]
 
0
 

After your main content add:

<div style="clear:both;">&nbsp;</div>

Member Avatar
cssweb
Junior Poster in Training
77 posts since Sep 2012
Reputation Points: 14 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

alos the same result , if there is another way to do that i am ready

Member Avatar
cssweb
Junior Poster in Training
77 posts since Sep 2012
Reputation Points: 14 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

AleMonteiro my list news is excedded after footer as you see in the above image

Member Avatar
AleMonteiro
Master Poster
758 posts since Aug 2010
Reputation Points: 115 [?]
Q&As Helped to Solve: 143 [?]
Skill Endorsements: 29 [?]
 
0
 

But you don't want it to exceed or you want the footer to go down with it?

Member Avatar
cssweb
Junior Poster in Training
77 posts since Sep 2012
Reputation Points: 14 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

i am sorry for expression yes i want the footer to go down with it

as this image : http://s2.postimage.org/tlimvvbwp/Untitled_1_copy.jpg

Member Avatar
cssweb
Junior Poster in Training
77 posts since Sep 2012
Reputation Points: 14 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

prolem has been soloved thank guys

Question Answered as of 1 Year Ago by AleMonteiro and GliderPilot
You
This question has already been solved: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article