Hola señores, yo experimente lo siguiente:

Use este codigo tal cual como lo envio Mauro, y realmente existe el problema en IE. Luego se me dio por eliminar la siguiente etiqueta: *<?xml version="1.0" encoding="utf-8"?>* (en mi caso es generada automaticamente por DreamWeaver) y no me dio mas problemas en IE, todavia no he tenido tiempo de investigar el porque, espero que si alguien lo sabe lo comente.

Codigo:

<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
<!--
#cuerpo {
   margin: 0 auto;
   width: 770px;
   text-align: left;
   background: #EEEEEE;
   padding: 5px;
}
- -->
</style>
</head>
<body>
<div id="cuerpo">
 <div id="logo"><img src="data/logo.gif"></div>
 <div id="menu">menu</div>
 <hr>
 <div id="titulo">PORTADA 1</div>
 <hr>
</div>
</body>
</html>

RAFAEL VASQUEZ R. -  Support Director -
---------------------------------------------------------------------------
[EMAIL PROTECTED]
WEB: www.latindesigners.com - MSN: [EMAIL PROTECTED]

Latin-Designers Corporation - Miami Florida USA 2557 NE 190 Street.
Zip Code 33180 Cel: 57.300.803.3890 // Web Development - E-commerce - Web Hosting - Custom Programing
Maintenance - Domain Registration - Flash Animation - OutSourcing
EMarketing - Web Design - < Web sites $495 >
---------------------------------------------------------------------------
"Who you are is what you do everyday"
===========================================================================




Camilo Kawerín escribió:

Hola,

Mauro Borquez | Emebe escribió:

Hola gente les transcribo un problema que tengo para centrar un div haber si
me pueden ayudar.


Acá va mi código:

En la css tengo: div.general  {width: 780px; margin-left: auto;
margin-right: auto;}

Y en el html: <div class="general">
  <div id="logo"><img src="data/logo.gif"></div>
  <div id="menu">menu</div>
  <hr>
  <div id="titulo">PORTADA 1</div>
  <hr>
</div>

Supuestamente esto debeía aparecer centrado o al menos esa es mi intención,
si alguien me puede corregir lo agradecería.



Depende de dónde lo estés viendo. Si es un navegador que interpreta correctamente CSS2 tiene que funcionar (Firefox, por ejemplo). En Explorer 6, en cambio, no funciona y tenés que agregarle un text-align:center; al elemento contenedor (en body {}, por ejemplo). Ah, y yo pondría:


<div id="general">

#general  {width: 780px; margin: auto; }

Espero que te sea de ayuda.
Saludos!

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org




_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a