lo que pasa es que debes comenzar por una estructura y tu no la tienes. Esto debería para comenzar ir de esta manera:
Código:
body{
font-family:Arial, Helvetica, sans-serif;
background: #E0D5B7 url(images/page_bg4.jpg) 0 0 repeat-x;
}
#contenedor{width:95%; height:auto; margin:0 auto; display:table}
#col_izquierda{width:80%; height:auto;float:left;}
#col_derecha{width:15%; height:auto;float:right;}
.clear{clear:both}
Código HTML:
<div id="contenedor">
<div id="col_izquierda">
aqui van los contenidos de las noticias
</div>
<div id="col_derecha">
aqui van las imagenes o contenidos de la columna derecha
</div>
<div class="clear"></div>
</div>
sobre eso metes todos todos tus contenidos que en este caso son noticias a la izquierda e imagenes a la derecha, estoy poniendo las medidas que tu pusiste para el ancho total, ahora para meter tu contenido tienes que tener cuidado con las medidas del contenido para que no se deforme.
con respecto a la pregunta sobre id y clases, da igual cual quieras usar, en html no puedes declarar 2 veces un id y una clase puedes hacerlo las veces que quieras.