We're a community of 1076K IT Pros here for help, advice, solutions, professional growth and fun. Join us!
1,075,894 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Start New Discussion Reply to this Discussion

how to increse the area of this part using css

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>
3
Contributors
7
Replies
15 Hours
Discussion Span
4 Months Ago
Last Updated
8
Views
Question
Answered
cssweb
Junior Poster in Training
74 posts since Sep 2012
Reputation Points: 14
Solved Threads: 0
Skill Endorsements: 0

But how do you want the result to be?

AleMonteiro
Master Poster
752 posts since Aug 2010
Reputation Points: 129
Solved Threads: 140
Skill Endorsements: 23

After your main content add:

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

GliderPilot
Posting Whiz in Training
239 posts since Sep 2006
Reputation Points: 34
Solved Threads: 42
Skill Endorsements: 12

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

cssweb
Junior Poster in Training
74 posts since Sep 2012
Reputation Points: 14
Solved Threads: 0
Skill Endorsements: 0

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

cssweb
Junior Poster in Training
74 posts since Sep 2012
Reputation Points: 14
Solved Threads: 0
Skill Endorsements: 0

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

AleMonteiro
Master Poster
752 posts since Aug 2010
Reputation Points: 129
Solved Threads: 140
Skill Endorsements: 23

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

cssweb
Junior Poster in Training
74 posts since Sep 2012
Reputation Points: 14
Solved Threads: 0
Skill Endorsements: 0

prolem has been soloved thank guys

cssweb
Junior Poster in Training
74 posts since Sep 2012
Reputation Points: 14
Solved Threads: 0
Skill Endorsements: 0
Question Answered as of 4 Months Ago by AleMonteiro and GliderPilot

This question has already been solved: Start a new discussion instead

Post: Markdown Syntax: Formatting Help
 
You
 
© 2013 DaniWeb® LLC
Page rendered in 0.1003 seconds using 2.91MB