Div izquierdo igual que derecho

[pzin]

Iniciado por RaulCDT

Si pero si en la pagina tengo una semejante así:

Código HTML:

<div id="contenido">
*/ primera fila*/
    <div id="izquierda">textx</div>
    <div id="derecha">wooohaaa</div>
*/ segunda fila */
    <div id="izquierda">textx</div>
    <div id="derecha">wooohaaa</div>
</div> 

Si lo dejo así crea varias columnas..

Cosa que no habías comentado y que realmente está mal hecha, porque los identificadores sirven para identificar elementos, luego no pueden existir varios elementos con el mismo identificador. Para eso se usan las clases.

Para arreglar, podrías, o necesitas, meter otro elemento que haga de fila.

Código HTML:

<div id="contenido">
  <div class="fila">
    <div class="izquierda"></div>
    <div class="derecha"></div>
  </div>
  <div class="fila">
    <div class="izquierda"></div>
    <div class="derecha"></div>
  </div>
</div>
 

Y lo especificas:

Código CSS:

div.fila {
  display: table-row;
}