¡URGENTE!Página centrada para IE y Firefox
Publicado por Eva (1 intervención) el 25/07/2007 11:18:27
Hola a todos,
Estoy empezando con css y diseño web, mi principal problema es el centrado de la página para las diferentes resoluciones de pantalla, he conseguido hacerlo para IE pero en Firefox todo se muestra comprimido y por tanto descolocado.
Lo que he hecho para que me funcione en IE es lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Prueba</title>
<style type="text/css">
body {
margin:0;
padding:0;
text-align:center;
}
#content {
text-align:left;
margin:auto;
width:910px;
height:900px;
}
#cabecera {
width: 910px;
height:100px;
}
#menu {
width:230px;
height:550px;
float:left;
}
#contenido {
width:670px;
height:650px;
float:left;
}
#pie {
width:800px;
height:50px;
text-align:left;
clear:both;
}
</style>
</head>
<body>
<div id="content">
<div id="cabecera"></div>
<div id="menu"></div>
<div id="contenido"></div>
<div id="pie"></div>
</div>
</body>
</html>
Esto lo he sacado de una web, no os puedo dar la URL de la web porque no la tengo colgada. Me he estado mirando los otros comentarios que aparecen en este foro pero las soluciones que dan son iguales o muy similares a lo que que yo hago, pero no consigo saber porque en uno se ve correctamente y en otro no.
Espero vuestra ayuda y respuesta.
Saludos.
Estoy empezando con css y diseño web, mi principal problema es el centrado de la página para las diferentes resoluciones de pantalla, he conseguido hacerlo para IE pero en Firefox todo se muestra comprimido y por tanto descolocado.
Lo que he hecho para que me funcione en IE es lo siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Prueba</title>
<style type="text/css">
body {
margin:0;
padding:0;
text-align:center;
}
#content {
text-align:left;
margin:auto;
width:910px;
height:900px;
}
#cabecera {
width: 910px;
height:100px;
}
#menu {
width:230px;
height:550px;
float:left;
}
#contenido {
width:670px;
height:650px;
float:left;
}
#pie {
width:800px;
height:50px;
text-align:left;
clear:both;
}
</style>
</head>
<body>
<div id="content">
<div id="cabecera"></div>
<div id="menu"></div>
<div id="contenido"></div>
<div id="pie"></div>
</div>
</body>
</html>
Esto lo he sacado de una web, no os puedo dar la URL de la web porque no la tengo colgada. Me he estado mirando los otros comentarios que aparecen en este foro pero las soluciones que dan son iguales o muy similares a lo que que yo hago, pero no consigo saber porque en uno se ve correctamente y en otro no.
Espero vuestra ayuda y respuesta.
Saludos.
Valora esta pregunta
0