Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/02/2011, 15:35
sergiodvera
 
Fecha de Ingreso: febrero-2011
Mensajes: 21
Antigüedad: 13 años, 2 meses
Puntos: 0
No puedo ubicar el último div

Hola, me surge un problema que le di mil vueltas y siempre queda peor. Lo cierto es que el div "contenido_10" me queda fuera del contexto del sitio, es decir, que hasta el "contenido_9" va todo perfecto utilizando float left o right, pero el 10 no va con nada. Esto me sucede solo en el documento html, sin embargo, cuando visualizo en la web se ve perfecto. Adjunto el css y el link donde está subido esta página. El código html se puede tomar desde el explorador. Desde ya gracias por la ayuda si es que la necesita. Saludos.

link: http://www.dragonrojo.net/china_2001_fosan.html

css:

/* CSS Document */

#contenedor {
top:20px;
width:1020px;
height:2713px;
margin:auto;
}
#barra_superior {
float:left;
width:1020px;
height:90px;
}
#escudo_lateral_dragon {
float:left;
width:267px;
height:102px;
}
#medio {
float:left;
width:484px;
height:102px;
}
#escudo_lateral_guangzhou {
float:left;
width:269px;
height:102px;
}
#lateral_mini_izq {
float:left;
width:19px;
height:27px;
}
#menu {
float:left;
width:982px;
height:27px;
}
#lateral_mini_der {
float:left;
width:19px;
height:27px;
}
#columna_izq {
float:left;
width:77px;
height:2494px;
}
#columna_der {
float:right;
width:77px;
height:2494px;
}
#contenido_1 {
float:left;
background-image:url(imagenes/china_2001_foshan_contenido1.jpg);
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:center;
margin-top:4px;
margin-left:4px;
width:182px;
height:705px;
}
#contenido_2 {
float:left;
background:#FFFFFF;
margin-top:4px;
width:327px;
height:705px;
}
#contenido_3 {
float:left;
background:#FFFFFF;
margin-top:4px;
margin-right:px;
width:349px;
height:705px;
}
#contenido_4 {
float:left;
background:#FFFFFF;
margin-left:4px;
width:349px;
height:395px;
}
#contenido_5 {
float:left;
background:#FFFFFF;
margin-right:4px;
width:509px;
height:395px;
}
#contenido_6 {
float:left;
background:#FFFFFF;
margin-left:4px;
width:349px;
height:572px;
}
#contenido_7 {
float:right;
background-image:url(imagenes/china_2001_foshan_contenido8.jpg);
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:center;
margin-right:4px;
width:182px;
height:1144px;
}
#contenido_8 {
float:right;
background:#FFFFFF;
width:327px;
height:1144px;
}
#contenido_9 {
float:left;
background:#FFFFFF;
margin-left:4px;
width:349px;
height:572px;
}
#contenido_10 {
float:left;
background:#FFFFFF;
margin-left:4px;
margin-right:4px;
width:858px;
height:246px;
}
#barra_inferior {
float:left;
width:1020px;
height:90px;
}