¡Hola! [:)]
Tengo una pequeña dudilla... no he logrado centrar mi página web en la pantalla, a pesar de haber probado con muchos códigos.
El que estoy usando ahora es el siguiente:
#contenido {
margin: 0 auto;
text-align:left;
width:70%;
}
Más abajo, está el DIV con el contenido de mi página, llamado contenido también, por supuesto.
He intentado con varios códigos que he visto, pero ninguno funciona, siempre me aparece la página alineada a la izquierda...
Estoy trabajando con Mozilla Firefox 6.0.1, Adobe Dreamweaver CS5.5 y la extensión del archivo de mi página es .html
Gracias de antemano [:D]
No debes declarar clases con el mismo nombre!
Si no el navegador no sabe qué CSS escoger
Por lo que vi en algunos sitios, debes darle un nombre al DIV que creaste para insertar ahí el contenido de la página, y ocupar el mismo nombre en la sección donde lo configuras... :S
Aquí está el código:
<html>
<head>
<title>Escuela de lenguaje Mi Panal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#contenidopanal {
margin: 0 auto;
text-align:left;
width:70%;
}
#menu {
position:absolute;
width:861px;
height:70px;
z-index:1;
left: 147px;
top: 35px;
}
#logo {
position:absolute;
width:152px;
height:115px;
z-index:2;
left: -4px;
top: 3px;
}
#fecha {
position:absolute;
width:200px;
height:27px;
z-index:3;
left: 741px;
top: 15px;
}
#imagenbienv {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 215px;
top: 244px;
}
#bienvenidos {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 173px;
top: 184px;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="contenidopanal"> -es el div donde está el contenido, los demás DIV son DIV PA.
<div id="imagenbienv"><img src="imágenes_mi_panal/imagenindex.jpg" width="720" height="540"></div>
<div id="logo"><img src="panal.png" alt="" width="163" height="154"></div>
<div id="menu">
<table id="Tabla_01" width="867" height="67" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11"><img src="imágenes/base_01.gif" width="867" height="31" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="imágenes/base_02.gif" width="135" height="2" alt=""></td>
<td rowspan="2"><a href="acercade.html"><img src="imágenes/base_03.gif" width="78" height="17" alt=""></a></td>
<td colspan="3"><img src="imágenes/base_04.gif" width="299" height="2" alt=""></td>
<td rowspan="2"><img src="imágenes/base_05.gif" width="66" height="17" alt=""></td>
<td colspan="3"><img src="imágenes/base_06.gif" width="289" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="imágenes/base_07.gif" width="19" height="34" alt=""></td>
<td><a href="index.html"><img src="imágenes/base_08.gif" width="41" height="15" alt=""></a></td>
<td rowspan="2"><img src="imágenes/base_09.gif" width="75" height="34" alt=""></td>
<td rowspan="2"><img src="imágenes/base_10.gif" width="74" height="34" alt=""></td>
<td><img src="imágenes/base_11.gif" width="150" height="15" alt=""></td>
<td rowspan="2"><img src="imágenes/base_12.gif" width="75" height="34" alt=""></td>
<td rowspan="2"><img src="imágenes/base_13.gif" width="76" height="34" alt=""></td>
<td><img src="imágenes/base_14.gif" width="103" height="15" alt=""></td>
<td rowspan="2"><img src="imágenes/base_15.gif" width="110" height="34" alt=""></td>
</tr>
<tr>
<td><img src="imágenes/base_16.gif" width="41" height="19" alt=""></td>
<td><img src="imágenes/base_17.gif" width="78" height="19" alt=""></td>
<td><img src="imágenes/base_18.gif" width="150" height="19" alt=""></td>
<td><img src="imágenes/base_19.gif" width="66" height="19" alt=""></td>
<td><img src="imágenes/base_20.gif" width="103" height="19" alt=""></td>
</tr>
</table>
</div>
<div id="fecha">
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
document.write("<small><font color='000000' face='Trebuchet MS'>"+dayarray+" "+daym+" de "+montharray+" de "+year+"</font></small>")
</script>
</div>
</div>
<div id="bienvenidos"><img src="bienvenidos.png" width="583" height="169"></div>
</body>
</html>
