Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/07/2011, 23:11
eduardo90
(Desactivado)
 
Fecha de Ingreso: julio-2006
Mensajes: 273
Antigüedad: 17 años, 8 meses
Puntos: 5
Respuesta: Problemas con un Div travieso

Vaya amigo

body {
/*text-align: center;*/
font: 12px arial, sans-serif;
color: #777;
background-color: #eee;
/*margin:0 auto 0 auto;*/
/*width:756px;*/
margin:auto;
}

#general {
width: 756px;
text-align: center;
vertical-align: middle;
/* top: 50%; */
/*position:relative*/
margin:auto;
}

#envoltura {
text-align: left;
margin: auto;
width: 755px;
/*position:absolute*/
}

#header {
width: 755px;
height: 97px;

}

#logo {
float: left;
width: 319px;
height: 97px;
margin-left: 3px;
}

#tjdr {
float:right;
margin-top: 10px;
}

#nav {
height: 350px;
/*position:absolute;*/
margin:auto;

}

#nav a {
color: #E7E4E4;
text-decoration: none;

}
#nav a:hover {
color: #8DC9F5;
text-decoration: none;
}
#nav ul {
padding: 1px 0 0 0px;
margin: 0;
list-style:none;
position: relative;
z-index: 1;
}
#nav li {
list-style:none;
margin: 0;
}
#nav li#m1 { margin: 53px 81px; }
#nav li#m2 { margin: -14px 13px; }
#nav li#m3 { margin: 31px 15px; }
#nav li#m4 { margin: -11px 10px; }
#nav li#m5 { margin: 31px 2px; }

#head-no {
position: 97px;
float:left;
visibility:visible;
width: 385px;
height: 370px;
background-repeat: repeat-x;
background-position: center top;
}

#head-pip {
float:right;
background-position: left top;
background-color:#00223B;
position: top;
width: 370px;
height: 253px;

}

#prominent {
margin: 253px 0 0 0px;
background-color:#ffffff;
height:98px;
width:370;
}

#prominent table {
background-color:#ffffff;
height:98px;
width:370;
}

#clear {
clear:inherit;
}

/* CONTENIDO DINAMICO */
#pages {
/*position:absolute;*/
margin:auto;
width: 755px;
}

#colum1 {
background-color:#ff0000;
float:left;
width:49%;
position: 97px;
}
#colum2 {
background-color:#ff00ff;
float:right;
width:49%;
position: 497px;

}
#columone {
clear:both;
background-color:#00ff00;
width:100%;
position: 97px;
}
#footer {
font: 12px arial, sans-serif;
color: #696969;
width:756px;
/*position:relative;*/
background:#FFFFFF;
margin:auto;
}


utiliza el codigo asi como esta, ya esta centrado y el pie de pagina va donde debe ir, espero te sirva.


Saludos