How do I get just the first entry with a 'for' loop?

Question

I have this this code -

{% for entry in craft.entries.section('news').first() %}
    <div class="container" id="featured-news">
        <div class=col-md-6>
            <h2 class="news-title">{{ entry.title }}</h2>
            <h3 class="news-date">{{ entry.postDate.format('F d, Y') }}</h3>

            <p>
                {{ entry.body }}
            </p>
        </div>

        <img class="col-md-4" src="images/pic-block-pic1.jpg" style="float:right;">

        <div class="col-xs-12" >
            <a href="{{ entry.url }}" style="float:right; padding: 20px 0px 20px 0px">READ FULL STORY...</a>
        </div>
    </div>
{% endfor %}

I thought the .first() would pick up just the first news story, however it is returning the same container several times.

I then want to return all other entries elsewhere, so what should I include in my code below to do this -

<div class="imgOverview">
    <ul>
        {% for entry in craft.entries.section('news').find() %}
            <li>
                <div><img src="images/pic-block-pic1.jpg" alt=""><div class="imgOverviewOverlay"><a href="{{ entry.url }}"><span>{{ entry.title }}<small>{{ entry.postDate.format('F d, Y') }}</small></span></a></div></div>
            </li>
        {% endfor %}    
    </ul>
</div>

Answer 1

As you'll only ever be working with one entry I wouldn't bother with the for loop for the first part of your question. Just set a variable with your featured news article. Something like this (not tested though):

{% set featuredArticle = craft.entries.section('news').first() %}

<div class="container" id="featured-news">
    <div class=col-md-6>
        <h2 class="news-title">{{ featuredArticle.title }}</h2>
        <h3 class="news-date">{{ featuredArticle.postDate.format('F d, Y') }}</h3>
        <p>
        {{ featuredArticle.body }}
        </p>
    </div>
    <img class="col-md-4" src="images/pic-block-pic1.jpg" style="float:right;">
    <div class="col-xs-12" >
    <a href="{{ featuredArticle.url }}" style="float:right; padding: 20px 0px 20px 0px">READ FULL STORY...</a>
    </div>
</div>

EDIT: Then for the second part of your question this other answer tells you how to exclude an Entry:

How can I exclude the current entry when I've structured my syntax like this?

So from the other article, you'd do:

{% set entries = craft.entries({
  section: 'news'
}).id('not ' ~ featuredArticle.id) %}