cuando debo usar display?
estas son algunas de las dudas que me surgen en este momento y que por una cosa un otra no he podido sentarme a leer, por lo que si alguien dispone de unos segundo para hacerme una explicación sencilla se lo agradezco mucho.
además eh realizado el siguiente maquetado, si se puede llamarlo asi, este es el html:
Código :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Documento sin título</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="css.css" type="text/css"> </head> <body> <div id="contenedor1" align="center"> <div id="encabezado" align="center"> </div> <div id="contenedor2" align="center"> <div id="contenedorprincipal"> <div id="contenedormenu"> <div id="menu"> </div> <div id="flash"> </div> <div id="fecha"> </div> </div> <div id="contenedorbody"> <div id="columnaizquierda"> <div id="titulomain"> </div> <div id="main"> </div> <div id="piemain"> </div> </div> <div id="columnaderecha"> <div id="search"> </div> <div id="titulo1"> </div> <div id="contenido1"> </div> <div id="abajo1"> </div> </div> </div> </div> </div> <div id="pie" align="center"> </div> </div> </body> </html>
y este es el css:
Código :
/* CSS Document */
body{
background-color:#FFCCFF;
text-align:center;
margin-top:0px; //hace que no haya espacio arriba
margin-bottom:0px; //hace que no haya espacio abajo
padding-right: 0px;
padding-left: 0px;
}
#contenedor1{
width: 884px;
height: auto;
margin:0 auto 0 auto; //Esto junto con ponerle al body los padding left y right 0 hacen que se centre.
background-color: #990099;
clear:both;
}
#encabezado{
width: 820px;
height: 143px;
background-color: #6600FF;
}
#contenedor2{
width: 820px;
height: auto;
background-color: #FF0033;
}
#contenedorprincipal{
width: 764px;
height: auto;
background-color: #FFCFFF;
float:left;
//display:inline;
}
#pie{
width: 820px;
height: 266px;
background-color: #000033;
clear: both;
}
#contenedormenu{
width: 764px;
height: 215px;
background-color: #FF9900;
}
#menu{
width: 212px;
height: 152px;
background-color: #FF00CC;
float:left;
//display:inline;
}
#flash{
width: 552px;
height: 152px;
background-color: #660099;
float:right;
//display:inline;
}
#fecha{
width: 764px;
height: 63px;
background-color: #00CCCC;
float:left;
//display:inline;
}
#columnaizquierda{
width: 549px;
height: 676px;
background-color: #99CCCC;
float:left;
//display:inline;
}
#columnaderecha{
width: 214px;
height: 676px;
background-color: #999999;
float:right;
//display:inline;
}
me gustaría que me digan si esta bien. Y como hago para que el contenedor2 que se ve en el IE se vea de igual forma en el Firefox.
Cualquier consejo o corrección, nuevamente se lo agradeceré.
