Ayuda en HTML y PHP

[rodrekinho]

Buenas tardes, soy nuevo en esto y la verdad nunca tuve un problema.

Le paso a explicar, estoy armando una pagina con css y php, esta tiene un sistema de noticias, cada vez que agrego una noticia las imagenes me las tira todas para la derecha y la verdad que no se que hacer.

El index llama al archivo news.php y queda asi

Código HTML:

 <div><p align="left" > <?php include ('headlines.php') ; ?> </p></div></div>
      <a href="#">
    
      </a>
 
      <!-- B.2 MAIN CONTENT -->
      <div class="main-content">
        
        <!-- Pagetitle -->
        <h1 class="pagetitle"> <p align="center" >Ultimas Noticias
        </p>
        </h1>

        <!-- Content unit - One column -->
        
    
          
      <hr class="clear-contentunit" />
      <!-- Content unit - One column -->
      <?php include ('noticias/news.php') ; ?> </div> 

este es el codigo del news.php

Código PHP:

  <h1 id="ni$news[id]"> </h1>
$subject<br />
Escrito por<img border="0"  src="img/contact_blue.png" /> $username  <br />
Categoria: $category.  $caticon 
 
<br />
$titletext
<br />
<br />
$maintext |  $comments <img border="0" src="img/comentarios.png" /> | $sendtofriend | $time <img src="img/calendar_day.png" /> 
<br /> 
   

y esto tiene el css

Código HTML:

.main {clear:both; width:954px; padding-bottom:30px; border-left:solid 3px rgb(175,175,175); border-right:solid 3px rgb(175,175,175); background:transparent url(../img/bg_main.gif) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:rgb(245,245,245);}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:500px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

Y esto me queda asi



Si alguien me puede ayudar por favor.

Gracias !

[blogger]

¿Será por que estas alineando todo a la izquierda con float:left?

[rodrekinho]

Se lo cambie, pero de todas formas se me sigue viendo asi, se me centra el texto pero las imagenes siguen alineandose :/

Alguna otra solucion ?

[rodrekinho]

UP, alguien me ayuda ?