Solo un quiero un Cuadro!!!

[Calizman]

Saludos! gracias por tomar el tiempo para leer...

Mi problema es que no puedo hacer un simple cuadro con CSS... no entiendo la forma de hacerlo! visite miles de paginas que explican como hacerlo... pero no puedo... haber si me puedo explicar...

mi pagina inicial es de un fondo gris... quiero dos cuadros de encabezado con un ancho de 70% y otro con 30%, con un alto de 125px... pero dentro de ese cuadro... aun no meto nada! entonces... no se como hacer para dibujarlo como si fuera una tabla (que sigo opinando que es mejor...) con una imagen de fondo... pero si alguno puede ayudarme lo agradeceria!

(como ejemplo puedo tomar el encabezado de esta misma pagina... asi mismo lo quiero solo que sin letras ni nada y en la parte derecha un espacio de un 30% de la pagina)

Gracias!

[Ferosz]

He empezado hace poco, pero haver si puedo ayudarte:

CSS
.cuadro1 {
position:relative;
float:left;
width:70%;
height:125px;
border:1px solid #000000;
}

.cuadro2 {
position:relative;
float:left;
width:29%;
height:125px;
border:1px solid #000000;
}


y en el HTML:

<div class="cuadro1"></div><div class="cuadro2"></div>

Puedes jugar con su posicion añadiendo en el css parametros como margin, margin-top, margin-right, margin-bottom, margin-left. Puedes ponerles valores negativos tambien!


Les he añadido un borde para que puedas ver bien donde estan situadas y cuanto ocupan.
Que me corrija alguien que lleve mas tiempo en esto si no es así.

[Calizman]

Muaahaha!! esta vivo!! jeje... gracias Ferosz! funciono a la perfeccion... ahora sigo con lo mio... jeje muchas gracias!