Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/04/2009, 13:18
Avatar de gVenom
gVenom
 
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 15 años, 9 meses
Puntos: 53
Respuesta: problemas con css

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
  1. #contenedor {
  2.     position:relative;
  3.     margin:0 auto;
  4.     width:778px;
  5.     height:877px;
  6. }
  7.  
  8. #corner-left {
  9.     position:absolute;
  10.     left:0px;
  11.     top:0px;
  12.     width:285px;
  13.     height:201px;
  14. }
  15.  
  16. #flash-menu {
  17.     position:absolute;
  18.     left:0px;
  19.     top:1px;
  20.     width:778px;
  21.     height:201px;
  22. }
  23.  
  24. #center-menu {
  25.     position:absolute;
  26.     left:0px;
  27.     top:201px;
  28.     width:778px;
  29.     height:154px;
  30.     line-height:4px;
  31. }
  32. #sermons_btn{
  33.     position:absolute;
  34.     width:89px;
  35.     height:27px;
  36.     top:99px;
  37.     left:14px;
  38. }
  39. #music_btn{
  40.     position:absolute;
  41.     width:89px;
  42.     height:27px;
  43.     top:99px;
  44.     left:121px;
  45. }
  46.  
  47. #left-row {
  48.     position:absolute;
  49.     background-image:url(../images/shadow-left.jpg);
  50.     background-repeat:repeat;
  51.     left:0px;
  52.     top:355px;
  53.     width:242px;
  54.     height:482px;
  55. }
  56. #news-shadow{
  57.     position:relative;
  58.     background-image:url(../images/news-shadow.jpg);
  59.     width:242px;
  60.     height:135px;
  61. }
  62. #news-shadow2{
  63.     position:relative;
  64.     background-image:url(../images/news-shadow2.jpg);
  65.     width:242px;
  66.     height:213px;
  67. }
  68. #blue-line1{
  69.     position:absolute;
  70.     height:482px;
  71.     width:4px;
  72.     background-color:#0059d4;
  73.     top:0px;
  74.     left:0px;
  75. }
  76. #blue-line2{
  77.     position:absolute;
  78.     height:482px;
  79.     width:4px;
  80.     background-color:#0059d4;
  81.     top:0px;
  82.     left:240px;
  83. }
  84. #news-txt1{
  85.     position:absolute;
  86.     width:230px;
  87.     top:29px;
  88.     left:8px;
  89.     height: 73px;
  90. }
  91. #donation-button{
  92.     position:absolute;
  93.     top:311px;
  94.     left:32px;
  95.     height:73px;
  96.     width:179px;
  97. }
  98. #hands{
  99.     position:absolute;
  100.     width:68px;
  101.     height:85px;
  102.     left: 35px;
  103.     top: 392px;
  104. }
  105. #prayer-txt{
  106.     position:absolute;
  107.     width:113px;
  108.     height:20px;
  109.     left: 110px;
  110.     top: 427px;
  111. }
  112. #center {
  113.     position:absolute;
  114.     left:242px;
  115.     top:355px;
  116.     width:536px;
  117.     height:482px;
  118.     overflow:auto;
  119. }
  120. #arrow1{
  121.     position:absolute;
  122.     width:13px;
  123.     height:7px;
  124.     left: 358px;
  125.     top: 126px;
  126. }
  127. #arrow2{
  128.     position:absolute;
  129.     width:13px;
  130.     height:7px;
  131.     left: 537px;
  132.     top: 125px;
  133. }
  134. #arrow3{
  135.     position:absolute;
  136.     width:13px;
  137.     height:7px;
  138.     left: 717px;
  139.     top: 125px;
  140. }
  141. #blue-point-img{
  142.         padding-right:4px;
  143. }
  144.  
  145. #blue-point-div{
  146.     position:absolute;
  147.     width:213px;
  148.     height:21px;
  149.     top:26px;
  150.     left:18px;
  151. }
  152. #blue-point-news{
  153.     position:absolute;
  154.     width:187px;
  155.     height:17px;
  156.     top:133px;
  157.     left:12px;
  158. }
  159. #dove{
  160.     width:236px;
  161.     height:182px;
  162.     float:right;
  163. }
  164. #bottom {
  165.     position:relative;
  166.     background-color:#d8d8d8;
  167.     top:838px;
  168.     left:0px;
  169.     width:778px;
  170.     height:40px;
  171.     border-top:2px solid #000;
  172. }
  173. #501c3{
  174.     position:relative;
  175.     display:inline;
  176.     width:250px;
  177.     font-weight:400;
  178.     float:left;
  179. }
  180. #weblogos{
  181.     position:relative;
  182.     display:inline;
  183.     width:250px;
  184.     font-weight:400;
  185.     float:right;
  186. }
  187. hr{
  188.     position:relative;
  189.     top:50px;
  190. }
  191.  
  192. a:hover{color:#FF0000}
  193. #devons-pic{
  194.     float:right;
  195. }
  196. #clear{clear:both;}
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr