Foros del Web » Creando para Internet » Diseño web »

Problema con desajuste en web

Estas en el tema de Problema con desajuste en web en el foro de Diseño web en Foros del Web. Wenas a todos, hemos montado en nuestra comunidad un Top de servidores de Lineage 2, pero a la hora de añadir servidores cuando la lista ...
  #1 (permalink)  
Antiguo 30/12/2009, 05:20
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Problema con desajuste en web

Wenas a todos, hemos montado en nuestra comunidad un Top de servidores de Lineage 2, pero a la hora de añadir servidores cuando la lista se alarga mucho hay una parte de los bordes que sae sale por fuera de los margenes podeis verlo en: http://www.topserver.eliteadmins.es/

Alguno sabría decirme debido a que se sale de los margenes? si necesitais algún trozo de código específico para comprobar perdirmelo, gracias de antemano.
  #2 (permalink)  
Antiguo 30/12/2009, 06:37
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Problema con desajuste en web

eso es por que en el div con clase module, en el background tienes color e imagen. Mira de ponerle solo el color
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 30/12/2009, 07:46
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema con desajuste en web

El CSS del module está así:

Código CSS:
Ver original
  1. /* MODULE
  2. --------------------------------------------------------- */
  3. div.moduletable h3 {
  4.     margin: 0 -8px 10px;
  5.     padding: 0 0 0 30px;
  6.     font-size: 100%;
  7.     height: 28px;
  8.     line-height: 28px;
  9.     color: #333333;
  10.     background: url(../images/h3-bg.gif) no-repeat left;
  11.     text-transform: uppercase;
  12. }
  13.  
  14. div.moduletable h3 span {
  15.     display: block;
  16.     height: 28px;
  17.     background: url(../images/h3-bg.gif) no-repeat right;
  18. }
  19.  
  20. div.moduletable {
  21.     margin: 0;
  22.     padding: 0 15px;
  23. }
  24.  
  25. div.module h3,
  26. div.module_text h3,
  27. div.module_menu h3,
  28. div.module_hilite h3,
  29. div.module_fixbr h3,
  30. div.ja-box-br h3 {
  31.     margin: 0 -6px 10px;
  32.     padding: 0 0 0 30px;
  33.     font-size: 100%;
  34.     height: 28px;
  35.     line-height: 28px;
  36.     color: #333333;
  37.     background: url(../images/h3-bg.gif) no-repeat left;
  38.     text-transform: uppercase;
  39. }
  40.  
  41. div.module h3 span,
  42. div.module_text h3 span,
  43. div.module_menu h3 span,
  44. div.module_hilite h3 span,
  45. div.module_fixbr h3 span,
  46. div.ja-box-br h3 span {
  47.     display: block;
  48.     height: 28px;
  49.     background: url(../images/h3-bg.gif) no-repeat right;
  50. }
  51.  
  52. div.module,
  53. div.module_text,
  54. div.module_menu,
  55. div.module_hilite,
  56. div.module_fixbr,
  57. div.ja-box-br {
  58.     padding: 0;
  59.     float: left;
  60.     clear: both;
  61.     width: 100%;
  62.     background: url(../images/box-br.gif) no-repeat bottom right #222222;
  63.     overflow: hidden;
  64.     margin-bottom: 5px;
  65. }
  66.  
  67. div.module div,
  68. div.module_text div,
  69. div.module_menu div,
  70. div.module_hilite div,
  71. div.module_fixbr div,
  72. div.ja-box-bl {
  73.     padding: 0;
  74.     background: url(../images/box-bl.gif) no-repeat bottom left;
  75. }
  76.  
  77. div.module div div,
  78. div.module_text div div,
  79. div.module_menu div div,
  80. div.module_hilite div div,
  81. div.module_fixbr div div,
  82. div.ja-box-tr {
  83.     padding: 0;
  84.     background: url(../images/box-tr.gif) no-repeat top right;
  85. }
  86.  
  87. div.module div div div,
  88. div.module_text div div div,
  89. div.module_menu div div div,
  90. div.module_hilite div div div,
  91. div.module_fixbr div div div,
  92. div.ja-box-tl {
  93.     padding: 15px 20px 15px;
  94.     background: url(../images/box-tl.gif) no-repeat top left;
  95. }
  96.  
  97. div.module div div div div,
  98. div.module_text div div div div,
  99. div.module_menu div div div div,
  100. div.module_hilite div div div div,
  101. div.module_fixbr div div div div {
  102.     margin: 0;
  103.     padding: 0;
  104.     background: none;
  105. }
  106.  
  107. /* mis */
  108. div.banneritem_text {
  109.     padding: 5px 0 !important;
  110. }
  111.  
  112. div.advs {
  113.     clear: both;
  114.     display: block;
  115.     width: 100%;
  116. }
  117.  
  118. div.moduletable li,
  119. div.moduletable_menu li,
  120. div.moduletable_text li,
  121. div.module li,
  122. div.module_menu li,
  123. div.module_text li {
  124.     padding-left: 15px;
  125.     background-position: 5px 7px;
  126. }
  #4 (permalink)  
Antiguo 30/12/2009, 10:48
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Problema con desajuste en web

mira de quitar esto: background: url(../images/box-tl.gif) no-repeat top left; y trata de organizar un poco mas el css, que se ve caótico
__________________
No diseñes usando tablas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:03.