Pasar este HTML a CSS

Operadormail · #1 (**permalink**) 29/09/2006, 10:22

hola a todos

Como seria este HTML convertido a capas???

Código:

<table width="100%" border="0">
  <tr>
    <td bgcolor="#0000FF">&nbsp;</td>
    <td width="750" bgcolor="#009933">&nbsp;</td>
    <td bgcolor="#0066CC">&nbsp;</td>
  </tr>
</table>

Gracias

EugenioMS · #2 (**permalink**) 29/09/2006, 10:41

¿Así?

Código:

<HEAD>
<LINK HREF="hoja.css" REL="stylesheet" TYPE="text/css">
</HEAD>
<Body>
<div id="cuerpo">
	<div id="cuerpoizq">
	</div>
	<div id="cuerpoctr">
		<CENTER><div id="upcuerpoctr">
	</div></CENTER>
	<div id="cuerpodch">
	</div>
	<BR>

Y la hoja

Código:

	#cuerpo{
Position:relative;
Width:100%;
Height:100%;
}

	#cuerpoizq{
Position:relative;
top:0%;
background-color:#0000FF;
padding-top:auto;
left:0%;
width:20%;
}

	#cuerpodch{
Position:absolute;
top:0%;
background-color:#0066CC;
padding-top:auto;
right:0%;
width:20%;
}

	#cuerpoctr{
Position:absolute;
top:0%;
background-color:#009933;
left:20%;
width:750px;
margin-left : auto;
margin-right : auto;
}

Operadormail · #3 (**permalink**) 29/09/2006, 10:50

Gracias, pero no me funciona correctamente.

#cuerpoizq y #cuerpodch no me cubren el 100% de los lados que no cubre #cuerpoctr

EugenioMS · #4 (**permalink**) 29/09/2006, 11:02

Mantuve los 750px.

Si no me equivoco, que es probable que lo haga, bastaría con aumentar los dos 20% o con cambiar el 750px por 60%.

Lo he probado y me ha funcionado, pero no soy ningún experto en CSS, más bien todo lo contrario.

Operadormail · #5 (**permalink**) 29/09/2006, 11:07

si pongo 60% de widht a la imagen cuando la resolucion sea mayor, no mantendrá las proporciones

EugenioMS · #6 (**permalink**) 29/09/2006, 11:18

No sé si existe algo así como un width_max. Esta noche lo investigo, que ahora me tengo que ir. Lo siento :(