Dos DIVs en la misma linea

[moNTeZIon]

Buenos días,
Quisiera saber si es posible colocar dos DIVs en la misma linea, sin usar posiciones absolutas, o sea, simplemente mostrar un DIV, y a su derecha otro, y que si el primero crece en contenido, el de la derecha se desplace.
Si utilizamos position: absolute no se desplaza ya que cada capa va a su bola.
Se puede?
Gracias!

[axiertxo]

wenas, haber si te sirve esto

<style>

#izquierda {
float:left;
}

#derecha {
float:left;
width:200px;
background:#fc0;
}

</style>

<div id="izquierda">fsdfsdfsdfdsfsdfsfsdfsdfsdfsdfsdfsd fsd</div>

<div id="derecha"></div>

[moNTeZIon]

Cierto axiertxo! Con el float: left en las dos capas ha funcionado perfecto.

Estoy empezando un nuevo proyecto, y he decidido tirarme a los DIVs y no usar un solo TABLE (bueno, alguno para ordenar datos...jeje). Ya se que me va a costar, acostumbrado a tables, pero si no lo hago así no tengo tiempo de ponerme. De esta forma me pongo por narices.

Tengo otra dudilla al respecto. Tengo este code:

Código:

<div style="width: 990px; height: 39px; text-align: right; background-image: url(Images/FondoBarraBotones.jpg);">
    <table cellpadding="0" cellspacing="0"><tr>
        <td>Bla bla bla</td>
        <td>...</td>
    </tr></table>
</div>

Verás, le puse el text-align: right , suponiendo que la tabla, al no ocupar todo el width, se mostraria en el extremo derecho del DIV, pero no, se muestra en el izquierdo en firefox. Bueno, en IE si que se muestra en la derecha, pero me preocupa más firefox.
Gracias!!

[axiertxo]

ponle el align="right" a la tabla así:

<table cellpadding="0" cellspacing="0" align="right">


saludos

[moNTeZIon]

Hola axiertxo, gracias por tus prontas respuestas.
Me dice que el align="right" en el table se queda obsoleto.
Por lo menos para XHTML 1.0 Transitional.
Debería existir un método, quizás por css, para obtener el mismo resulatdo... creo.
Alguien sabe?

[axiertxo]

por ejemplo s epeude hace rasi

<style>
#paco{
width: 990px;
height: 39px;
text-align: right;
background-image: url(Images/FondoBarraBotones.jpg);"
}




</style>

<div id="paco">
<div align="right">
<table cellpadding="0" cellspacing="0" ><tr>
<td>Bla bla bla</td>
<td>...</td>
</tr></table>
</div>
</div>

Te pongo los estilos en un STYLE que em daba dolor ojos la otra manera jeje

[moNTeZIon]

Si axiertxo, pero <div align="right"> queda también obsoleto, por el mismo motivo que lo queda <table align="right">.
He probado las dos, y las dos funcan bien, pero me marca las dos como obsoletas.
Tiene que haber la forma "elegante" de hacerlo por css... O estoy siendo muy quisquilloso..

[moNTeZIon]

Ya está, con el float: right aplicado al table.

Código:

<div style="width: 990px; height: 39px; background-image: url(Images/FondoBarraBotones.jpg);">
    <table cellpadding="0" cellspacing="0" style="float: right;"><tr>
        <td>Bla bla bla</td>
        <td>...</td>
    </tr></table>
</div>

Saludos!

[axiertxo]

si, float:right tambien jeje

saludos