Hola amigos primero que nada saludar a todos ya que es mi primera vez y decirles que la guia de divs es muy didactica, estuve practicando con el ejemplo que ponen ahi y me salio el sgte problema:
Aqui esta el code del estilo y del index:
Al poner el valor "width" en 559(de la capa llamada "cuerpo" osea la parte amarilla) en mozilla se me ve asi:
[contenido no disponible]
Pero en ie se me ve asi:
[contenido no disponible]
Y si redusco el valor "width" entonces a "cuerpo" le sobra espacio entre "menu" y "global"(en diferentes proporciones dependiendo de si uso ie o mozilla)
¿Como hago para que me quede siempre asi ya sea en ie o mozilla?:
[contenido no disponible]
PD: le puse bordes gruesos por cuestiones didacticas para observar bien como funciona todo, son solo 4 capas:global,logo,menu,cuerpo
Un saludo y gracias desde ya
Aqui esta el code del estilo y del index:
BODY { BACKGROUND-COLOR:yellow;TEXT-ALIGN:center; }
#global { BACKGROUND-COLOR:#FF9900; MARGIN:0px auto 0px auto; width:800px; height:500px; BORDER:#000 20px solid; }
#logo { BACKGROUND-COLOR:#00CC00; height:100px; BORDER: #050 5px solid; TEXT-ALIGN:left; }
#menu { BACKGROUND-COLOR:#00CCFF; MARGIN:0px 2px 0px auto; PADDING: 2px 2px 200px 2px; WIDTH:200px; height:120px; FLOAT:left; FLOAT:LEFT; BORDER: #900 5px solid;TEXT-ALIGN:center; }
#cuerpo { BACKGROUND-COLOR:#FFFF00; width:550px; FLOAT:right; BORDER: #555 8px solid;TEXT-ALIGN:justify; }<HTML
<HEAD
<title>Mi Primera Web Con DIVs</title>
<LINK media=all href="estilo.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id=global>
<DIV id=logo>
DIV llamado LOGO</P>
</DIV>
<DIV id=menu>
Segundo DIV llamado MENU</P>
</DIV>
<DIV id=cuerpo>
Tercer DIV llamado CUERPO</P>
</DIV>
</DIV>
</BODY>
</HTML >Al poner el valor "width" en 559(de la capa llamada "cuerpo" osea la parte amarilla) en mozilla se me ve asi:
[contenido no disponible]
Pero en ie se me ve asi:
[contenido no disponible]
Y si redusco el valor "width" entonces a "cuerpo" le sobra espacio entre "menu" y "global"(en diferentes proporciones dependiendo de si uso ie o mozilla)
¿Como hago para que me quede siempre asi ya sea en ie o mozilla?:
[contenido no disponible]
PD: le puse bordes gruesos por cuestiones didacticas para observar bien como funciona todo, son solo 4 capas:global,logo,menu,cuerpo
Un saludo y gracias desde ya