Question

I want to create a <div> element with background color, which starts in the middle of the screen and goes to the right, to the end of the page (out of screen) , but I don´t want to trigger any scroll bar. In that <div> I want to have some information, at the beginning of that <div>(within the screen).
Here´s the HTML code example:

<div id="footer">
   <h2>Information</h2>
   <p>Some text</p>
   <p class="alignright">Another information in this paragraph.</p>
</div>

This is how I want it to look like:

http://postimage.org/image/h60apjfjf/

Answer 1

CSS will let you do this easily. Something like the following:

#footer {
   background-color: #b0c4de;
   width: 50%;
   height: 20px;
   float: right;
}

This is a pretty good resource: http://www.w3schools.com/css/default.asp