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>

Recommended Answers

All 7 Replies

But how do you want the result to be?

After your main content add:

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

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

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

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

prolem has been soloved thank guys

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.