Layout Fluido ou Líquido

[Luciano Romero]

Boa tarde!

 

estou construindo uma pagina mais ela não se adapta no formato de todos monitores 

estive lendo varias técnica pela net e ate o momento não consegui achar uma que me ajuda  estou usando a seguinte formatacao CSS de estilos

  

             <title> Luciano Romero </title>        <meta http-equiv="Content-type" content="text/html;charset=utf-8" >        <link rel="stylesheet" type="text/css" href="styles/style.css">        <link rel="stylesheet" type="text/css" href="styles/frontend.css">        <link rel="stylesheet" type="text/css" href="styles/form.css">

 a parte que gostaria que ficasse certo e adaptasse em todos monitores é essa 

<?phpfunction alerta($mensagem){  echo '<script>alert("'.$mensagem.'")</script>';} $site = " Pagina em construção ";alerta($site);?><!-- imagem  --><img src="www. imagem exemplo " width="780" height="600" align=left><!-- funcao twitter --><div align="right" ><a class="twitter-timeline" href="https://twitter.com/ESofware" data-widget-id="590959733810540544">Tweets de @ESofware</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>

 

 

 

 

Bom gostaria de ver uma forma de que a imagem ficasse junto com o twitter um do lado do outro em todos monitores 

obrigado ate o momento 

[DiF]

@Luciano Romero

 

Pesquise sobre Layout Responsivo, usar as média queries do CSS3 para diversas resoluções...  

O layout fluido em tese é o mesmo que liquido, baseado em medidas com percentagem(%) 

 

Acredito que o método mais eficiente de adaptar para todas as resoluções é usar e abusar da responsividade.