Weblogs Código

RecorteX

» div
73 usuarios y 243 recortes de código
Usuario

Contraseña
Crear cuenta
Estás viendo los recortes de la etiqueta div

RSS
Recortes: 3

Etiquetas relacionadas:
para
Centrar
HTMLCSS
un
con
IE
Y
css
javascript
Firefox
Mozilla
html

Centrar un DIV con HTML+CSS para IE Y Mozilla Firefox

Para centrar de forma estandar en IE y Mozilla con DIVS y CSS

Solo tienen que crear un DIV con ID que quieran yo por ejemplo hice esto:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="main">Content for  id "centrar" Goes Here</div>
</body>
</html>
 
Y el CSS que usaremos sera este:

body {
	text-align: center;
}
#main {
	width: 780px;
	text-align: left;
	margin:0 auto;
	padding: 0px;
	text-align:left;
}
Y listo a partir de ello pueden empezar a crear sus locuras con HTML + CSS

funcion abrecierra() un DIV

Función abrecierra(). Se le pasa el id de un DIV y lo muestra o lo oculta alternativamente.
 
// definiciones basicas
OCULTO="none";
VISIBLE="block";
 
function abrecierra(nodo) {
  estado = document.getElementById(nodo).style.display;
  if (estado==OCULTO) {
    document.getElementById(nodo).style.display=VISIBLE;
  }
  else {
    document.getElementById(nodo).style.display=OCULTO;
  }
}
 

DIV con barra de desplazamiento

A veces tenemos un DIV de tamaño fijo pero puede ocurrir que su contenido sea más grande que el tamaño. Con un "overflow: auto" conseguiremos que el DIV tenga barras de desplazamiento, si las necesita.
 
<div style="width:200px; height:200px; background-color:#ccc; overflow:auto;">
  Aquí el contenido
</div>
 
Proyecto: Juanjo Navarro, 2006 - Diseño: Albin