Foros del Web » Creando para Internet » CSS »

Ayuda con Divs

Estas en el tema de Ayuda con Divs en el foro de CSS en Foros del Web. Hola estoy haciendo una pagina pero no quiero usar frames por eso decidi usar divs con ssc el problema es que aparece de diferente manera ...
  #1 (permalink)  
Antiguo 10/08/2007, 07:34
 
Fecha de Ingreso: agosto-2004
Ubicación: Lima
Mensajes: 109
Antigüedad: 13 años, 4 meses
Puntos: 1
Pregunta Ayuda con Divs

Hola estoy haciendo una pagina pero no quiero usar frames por eso decidi usar
divs con ssc el problema es que aparece de diferente manera en el navegadores distitno mientras en explorer aparece de una, en otros como opera y mozilla firefox de otra ademas tambien en un monitor de 15'' se ve de tamaño difrente que en uno 17''. les agradaceria que me ayuden en esto. el codigo es el siguiente.

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style>
  body {
   margin: 0 0 0 0;
    padding: 0 0 0 0;
   font-size:80%;
   
   
  }
  
  #content {
   text-align:left;
   margin:auto;
   background-color:#ff0;
   width:800px;
   height:800px;
  }
  
  #cabecera {
   width: 800px;
   height:100px;
   margin:auto;
   background-color:#f00;
   
 
  }
  
  #menu {
   width:150px;
   height:650px;
   float:left;
   background-color:#888;
  }
  
  #contenido {
   width:650px;
   height:650px;
   float:left;
   background-color:#ccc;
  }
  
  #pie {
   clear:both;
   width:800px;
   height:50px;
   background-color:#0f0;
  }
  
</style>
<html>
<head>
 <title>Prueba</title> 

</head>

<body>

<div id="content">
 <div id="cabecera"></div>
 <div id="menu"></div>
 <div id="contenido"></div>
 <div id="pie"></div>
</div>

</body>
</html>




  #2 (permalink)  
Antiguo 10/08/2007, 09:27
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Re: Ayuda con Divs

Tema trasladado a CSS.

Porfavor publica en los foros correctos.
  #3 (permalink)  
Antiguo 10/08/2007, 09:42
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Ayuda con Divs

probá así:

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<style>
  body {
   margin:auto;
    padding: 0 0 0 0;
   font-size:80%;
   text-align:center;
  }
  
  #content {
   text-align:left;
   background-color:#ff0;
   width:800px;
   height:800px;
  }
  
  #cabecera {
   width: 800px;
   height:100px;
   margin:auto;
   background-color:#f00;
   
 
  }
  
  #menu {
   width:150px;
   height:650px;
   float:left;
   background-color:#888;
  }
  
  #contenido {
   width:650px;
   height:650px;
   float:left;
   background-color:#ccc;
  }
  
  #pie {
   clear:both;
   width:800px;
   height:50px;
   background-color:#0f0;
  }
  
</style>
<html>
<head>
 <title>Prueba</title> 

</head>

<body>

<div id="content">
 <div id="cabecera"></div>
 <div id="menu"></div>
 <div id="contenido"></div>
 <div id="pie"></div>
</div>

</body>
</html> 

DX
  #4 (permalink)  
Antiguo 10/08/2007, 11:04
 
Fecha de Ingreso: agosto-2004
Ubicación: Lima
Mensajes: 109
Antigüedad: 13 años, 4 meses
Puntos: 1
Re: Ayuda con Divs

Hola DragonX sabes que en iexplorer aparece centrada, y en el mozilla firefox aparece alineada a la izquierda quiero lo que realmente deseo es que el tamaño debe ocupar toda la pantalla del navegador y no dejar espacios. si me puedes ayudar??
  #5 (permalink)  
Antiguo 10/08/2007, 11:27
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Ayuda con Divs

ahi quedó centrado en los dos browsers
Código HTML:
<style>
  body {
   margin:0;
   padding: 0;
   font-size:80%;
   text-align:center;
  }
  
  #content {
   text-align:center;
   margin: auto;
   background-color:#ff0;
   width:800px;
   height:800px;
  }
  
  #cabecera {
   width: 800px;
   height:100px;
   margin:auto;
   background-color:#f00;
   
 
  }
  
  #menu {
   width:150px;
   height:650px;
   float:left;
   background-color:#888;
  }
  
  #contenido {
   width:650px;
   height:650px;
   float:left;
   background-color:#ccc;
  }
  
  #pie {
   clear:both;
   width:800px;
   height:50px;
   background-color:#0f0;
  }
  
</style> 

DX
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:42.