Saludos kseso?
Ya hice lo que me indicaste, y ahora salen en sus respectivas esquinas pero con un espacio de diferencia, o sea, en una linea arriba y una abajo, por lo que asumo que el primer div esta abarcando toda la linea.
He revisado el código varias veces y no me da errores de validación ni de compatibilidad con los browser. Pienso que algo en el código del bottom es lo que afecta a esos div pero no veo que pueda ser.
Voy a poner el codigo css de los div por si ves algo, si no, alguno forma de poner eso ahi? solo que use un <p>
Código Css:
Ver original#contenedor {
position:relative;
margin:0 auto;
width:778px;
height:877px;
}
#corner-left {
position:absolute;
left:0px;
top:0px;
width:285px;
height:201px;
}
#flash-menu {
position:absolute;
left:0px;
top:1px;
width:778px;
height:201px;
}
#center-menu {
position:absolute;
left:0px;
top:201px;
width:778px;
height:154px;
line-height:4px;
}
#sermons_btn{
position:absolute;
width:89px;
height:27px;
top:99px;
left:14px;
}
#music_btn{
position:absolute;
width:89px;
height:27px;
top:99px;
left:121px;
}
#left-row {
position:absolute;
background-image:url(../images/shadow-left.jpg);
background-repeat:repeat;
left:0px;
top:355px;
width:242px;
height:482px;
}
#news-shadow{
position:relative;
background-image:url(../images/news-shadow.jpg);
width:242px;
height:135px;
}
#news-shadow2{
position:relative;
background-image:url(../images/news-shadow2.jpg);
width:242px;
height:213px;
}
#blue-line1{
position:absolute;
height:482px;
width:4px;
background-color:#0059d4;
top:0px;
left:0px;
}
#blue-line2{
position:absolute;
height:482px;
width:4px;
background-color:#0059d4;
top:0px;
left:240px;
}
#news-txt1{
position:absolute;
width:230px;
top:29px;
left:8px;
height: 73px;
}
#donation-button{
position:absolute;
top:311px;
left:32px;
height:73px;
width:179px;
}
#hands{
position:absolute;
width:68px;
height:85px;
left: 35px;
top: 392px;
}
#prayer-txt{
position:absolute;
width:113px;
height:20px;
left: 110px;
top: 427px;
}
#center {
position:absolute;
left:242px;
top:355px;
width:536px;
height:482px;
overflow:auto;
}
#arrow1{
position:absolute;
width:13px;
height:7px;
left: 358px;
top: 126px;
}
#arrow2{
position:absolute;
width:13px;
height:7px;
left: 537px;
top: 125px;
}
#arrow3{
position:absolute;
width:13px;
height:7px;
left: 717px;
top: 125px;
}
#blue-point-img{
padding-right:4px;
}
#blue-point-div{
position:absolute;
width:213px;
height:21px;
top:26px;
left:18px;
}
#blue-point-news{
position:absolute;
width:187px;
height:17px;
top:133px;
left:12px;
}
#dove{
width:236px;
height:182px;
float:right;
}
#bottom {
position:relative;
background-color:#d8d8d8;
top:838px;
left:0px;
width:778px;
height:40px;
border-top:2px solid #000;
}
#501c3{
position:relative;
display:inline;
width:250px;
font-weight:400;
float:left;
}
#weblogos{
position:relative;
display:inline;
width:250px;
font-weight:400;
float:right;
}
hr{
position:relative;
top:50px;
}
a:hover{color:#FF0000}
#devons-pic{
float:right;
}
#clear{clear:both;}