dividir un div

Question

Hola,

estoy haciendo un diseño sin tablas siguiendo este ejemplo. Funciona perfectamente y ya lo tengo casi acabo, excepto por un detalle: en el encabezado meto algo de código php, y quisiera que ese encabezado estuviera divido en 2 columnas, de tal manera de poder poner una imagen a la izquierda, y el php a la derecha.

Resumiendo, sería como partir en 2 el "div".

Alguien me puede decir como hacerlo ?? Por mas que intento la imagen siempre me sale encima del php, y he probado metiendo float: left en varias partes, y sigo sin saber hacerlo :(

Gracias !

Answer 1

Tienes que incluir dentro de div, otros dos cada uno representa una columna. He buscado algún ejemplo por internet, espero que te sirva.

http://www.neuroticweb.com/recursos/2-columns-layout/index.php?idioma=es

Un saludo

Answer 2

Podrías realizar lo siguiente ingresar dos div dentro de tu div principal como en el siguiente:

<div id="Principal">

<div id="div-img"></div>

<div id="div-php"></div>

</div>

De esta forma separarías tus divs y finalmente ajustarlos con css:

#Principal

{

width=100%;

heigt:50px;

} 

#div-img

{

margin:0;

width:50%;

height:inherit;

display:block;

float:left;

}

#div-php

{

width:50%;

height:inherit;

display:block;

float:left;

}

Answer 3

hola podrias intentar con esto

uno al lado del otro, y ambos dentro de un div contenedor.
Este es el codigo:

<div id="banner"><div id="col1"><img src="templates/test/images/image2.gif" width="150" height="58" border="0"/></div><div id="col2"><?php mosLoadModules ( 'top' ); ?> </div></div>

Luego, en el css, agregar esto:

#col1 { margin-left: -554px; height: 58px; width: 154px;}
#col2 { height: 45px; width: 600px; }

espero te sirva

saludos!!