Ayuda con Divs

leo_25 · #1 (**permalink**) 10/08/2007, 06:34

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>

GatorV · #2 (**permalink**) 10/08/2007, 08:27

Tema trasladado a CSS.

Porfavor publica en los foros correctos.

DragonX · #3 (**permalink**) 10/08/2007, 08:42

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

leo_25 · #4 (**permalink**) 10/08/2007, 10:04

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??

DragonX · #5 (**permalink**) 10/08/2007, 10:27

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