Nathan, gracias por tus repuestas. Lo del título lo estaba probando para ponerlo encima de una animación flash, para que siguiera siendo texto y pudiera ser leído por los buscadores, eventualmente lo pondría h1. Pero decidí sacarlo del todo. Y lo de la sombra, sí, esa es una opción, pero voy a usar una imagen para hacerla más realista.
Tengo otro problema ahora. En Firefox se me ven desfasados los divs y en IE no. Compruébenlo entrando a la
URL. Acá dejo el código actualizado.
Gracias!
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Clases de computación</title>
<style type="text/css">
<!--
#header {
width: 720px;
height: 110px;
z-index: 1;
}
#contenedor3 {
float: right;
width: 180px;
height: 600px;
}
#colum-der {
width: 175px;
float: left;
height: 600px;
background-color: #00FF33;
}
#sombra-der {
width: 5px;
float: right;
height: 600px;
}
#sombra-izq {
width: 5px;
height: 600px;
float: left;
}
#titulo {
width: 330px;
z-index: 5;
position: absolute;
top: 30px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: normal;
font-size: 20pt;
}
#contenedor {
width: 730px;
margin: 0 auto;
}
body {
text-align: center;
}
#contenedor2 {
width: 550px;
height: 600px;
float: left;
text-align: left;
}
#cuerpo-part {
width: 545px;
float: right;
height: 600px;
}
#cuerpo-part-1 {
width: inherit;
height: 150px;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<div id="titulo">Clases de computación</div>
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="720" height="110" title="Clases de computacion - Header">
<param name="movie" value="header.swf" />
<param name="quality" value="high" />
<embed src="header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="720" height="110"></embed>
</object>
</div>
<div id="contenedor2">
<div id="sombra-izq">
</div>
<div id="cuerpo-part">
<div id="cuerpo-part-1"><img src="naranja.png" width="545" height="150" /></div>
</div>
</div>
<div id="contenedor3">
<div id="colum-der"></div>
<div id="sombra-der"></div>
</div>
</div>
</body>
</html>