Ver Mensaje Individual
  #6 (permalink)  
Antiguo 11/04/2013, 03:38
laura_moreno14
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Div se mueve cuando el de encima crece

Código CSS:
Ver original
  1. * { margin: 0; padding: 0; list-style-position:inside; outline:#93d22b; box-sizing:border-box;}
  2. html { font-size:100%; height:100%; font-family:sans-serif;}
  3. body { width:100%; font-size:0.8rem; background:#FFF; }
  4. img { border:none;}
  5.  
  6.  
  7. /*---HEADER---*/
  8. header { width:100%; overflow:hidden; margin:0 auto;}
  9. .title { width:50%; float:left; margin-top:15px;}
  10. .title a { color:#111; font-family: 'Ultra'; font-size:5em; font-weight:bold; text-decoration:none;  float:left;}
  11. .widgetHeader {  height:80px; overflow:hidden; margin: 2% 0 1% 0;}
  12. .widgetHeaderTitle{ display:none;}
  13.  
  14. /*---NAV--*/
  15. #menu {line-height:25px; width:100%; float:left; font-size:1.3em; list-style: none; }
  16. #menu a { color:#363738;float:left; text-decoration: none;}
  17. #menu li { float:left; padding: 5px 20px; position:relative;}
  18. #menu li:hover {background: #A1C436;}
  19. #menu li li a { color:#000;}
  20. #menu li li:first-child { margin-left:0;}
  21. #menu li ul {display:none;  position:absolute; left:0; top:45px; background:#fff; box-shadow: 0 2px 7px #000; z-index:300;}
  22. #menu li li {list-style:none; width:120px;}
  23. #menu li:hover ul {display:block;}
  24. .current-menu-item  {background: #A1C436;}
  25. .current-menu-parent {  background:#A1C436;}
  26. /*---SINGLE, PAGE-*/
  27. #wrapper { width:92%; overflow:hidden; background:#fff; padding: 0 3%; margin:0 auto; }
  28. #posts { width:69.5%; float:left; padding-right: 3%; margin-top:10px;}
  29. #posts h1 { font-size:2.5em;  width:100%; overflow:hidden; }
  30. h2 { font-size: 1.5em; margin: 3% 0 1% 0;}
  31. h2 a { text-decoration:none; color:#000;}
  32. .imprimir { width:25%; float:right;}
  33. .imprimir a { text-decoration:none; color:#000; float:right; display:block; }
  34. .imprimir a:hover{ text-decoration:underline;}
  35. .social2 { width:100%; margin: 5% 0 0 0; overflow:hidden; border-top:1px #A1C436 solid;padding:2% 0 0 0;}
  36. .social2 p { font-size: 1.2em; font-weight: 600; }
  37. .botones { margin-top:15px; width:100%;}
  38. .tw { float:left;}
  39. .g-plusone { }
  40. article {line-height:1.7; font-size:1.2em;}
  41. #posts li { font-size:1.2em; line-height:1.7;  margin-bottom:1em;}
  42. #posts li a { }
  43. p { margin-bottom:1em;}
  44. p img { display:block; margin: 2% auto; max-width:100%; padding:0.7%; border:#999 1px solid; border-radius:3px; box-shadow: -3px 3px 5px #999; }
  45. p a { color:#A1C436;}
  46. #prePost { margin-bottom:20px; overflow:hidden;}
  47. .breadcrumbHome { font-size:1.3em; margin-bottom: 20px; }
  48. .breadcrumb{ font-size:1.3em; width:75%; float:left;}
  49. .metabox { margin: 0 0 1.5% 0; overflow:hidden;}
  50. .metabox a, .breadcrumb a, .breadcrumbHome a { color:#A1C436; text-decoration: none;}
  51. .metabox a:hover, .breadcrumb a:hover, .breadcrumbHome a:hover{ text-decoration:underline;}
  52. .meta {background-repeat: no-repeat; padding-left:20px;margin-bottom: 4px;float:left;height:16px;background-position: center left;}
  53. .category {background-image:url(images/cate.png);}
  54. .tags{background-image:url(images/tag.gif);}
  55. .post-links { width:100%;border-top: 1px #A1C436 solid;  border-bottom: 1px #A1C436 solid; overflow:hidden; padding: 2% 0; margin:2% 0;}
  56. .previous { width:50%; float:left; font-size:1.5em; font-weight:600;}
  57. .previous a, .next a{ color:#A1C436; text-decoration: none;}
  58. .previous a:hover, .next a:hover{ text-decoration:underline;}
  59. .next { width:50%; float:right; text-align:right; font-size:1.5em; font-weight:600;}
  60.  
  61. /*---INDEX----------------------------------------------------------------------------------------------------------*/
  62. .Sticky { width:100%; overflow:hidden;  margin-bottom:20px; }
  63. .Sticky-excerpt p { font-size:1.2em; line-height:1.4em;}
  64. .Sticky-excerpt h1{ line-height:0.8em; }
  65. .Sticky-excerpt h1 a{ text-decoration:none; color:#000; font-size:0.6em; }
  66. .Sticky-thumbnail{ width:100%; }
  67. .Sticky-thumbnail img {width:100%; display:block; margin: 0 auto;}
  68. .Sticky-excerpt {  width:100%; }
  69.  
  70. .excerptCont { width:49%; margin-bottom:20px; float:left;}
  71. .excerptCont:nth-child(odd){ margin-left:2%;}
  72. .excerpt p { font-size:1.2em; line-height:1.4;}
  73. .excerpt h1{ font-size:0.6em; line-height:0.8em; }
  74. .excerpt h1 a{ text-decoration:none; color:#000; font-size:0.7em; }
  75. .thumbnail{ width:100%; }
  76. .thumbnail img {width:100%; height:200px; }
  77. .excerpt {  width:100%; }
  78.  
  79.  
  80. .excerptContArchive { width:49%; margin-bottom:20px; float:left;}
  81. .excerptContArchive:nth-child(odd){ margin-left:2%;}
  82. .excerptArchive p { font-size:1.2em; line-height:1.4;}
  83. .excerptArchive h1 a{ text-decoration:none; color:#363738; font-size:0.8em; }
  84. .thumbnailArchive{ width:100%; }
  85. .thumbnailArchive img {width:100%; height:200px; }
  86. .excerptArchive {  width:100%; }
  87.  
  88. #modulos{ overflow:hidden;}
  89. .excerptContList { width:48%; float:left; margin-bottom: 1%; padding-bottom:1%; border-bottom:#666 dashed 1px;}
  90. .excerptContList:nth-child(odd) { margin-left:4%;}
  91. .excerptContList a{ text-decoration:none; color:#000;}
  92. .thumbnailList{ width:20%; float:left; }
  93. .thumbnailList img {width:100%; height:60px; display:block; margin: 0 auto; border:#666 solid 1px; padding:3px;}
  94. .excerptList {  width:75%; float:right; margin:5px 0 0 10px;  }
  95. .WidgetCategory { padding:1% 2%; background:#A1C436; font-weight:bold; overflow:hidden; margin-right:5px;}
  96. .ListTitulo { line-height:1.6em;}
  97. .excerptList .date { display:block; font-size:0.8em; margin-top:4px;}
  98.  
  99. .excerptContWidget { width:100%; overflow:hidden; margin: 10px 0 0 0; padding-bottom:3%; border-bottom:#666 dashed 1px;}
  100. .excerptWidget p { font-size:1.2em; line-height:0.5em;}
  101. .thumbnailWidget{ width:17%; float:left; }
  102. .thumbnailWidget img {width:100%; height:50px; display:block; margin: 0 auto; border:#666 solid 1px; padding:3px;}
  103. .excerptWidget {  width:78%; float:right; margin:0 0 0 10px; }
  104. .excerptWidget .date { display:block; font-size:0.7em; margin-top:4px;}
  105.  
  106. /*---SIDEBARS---*/
  107. aside { width:30.5%;float:right; margin:10px 0 50px 0; line-height:1.4; font-size:1.2em;}
  108. .widget{ overflow:hidden; width:100%; margin-bottom:3%; padding-bottom:2%;}
  109. .widget li {list-style:none; padding:3%;}
  110. .widget li:hover { background:#A1C436; text-decoration:none;}
  111. .widget a{ text-decoration:none; color:#363738; }
  112. .widgetTitle {font-size:1.1em; font-weight:bold; color:#fff; margin-bottom: 1%; padding:2%; background:#111;}
  113. .tagcloud a { width:auto; float:left; margin: 1%; color:#000; padding:0.7% 2.5%; text-decoration:none;}
  114. .tagcloud a:hover{ text-decoration:underline; background:#A1C436;}
  115.  
  116. .HomeWidget { width:42%; float:left; margin-top:20px; margin:2%;}
  117. .HomeWidget1 { width:100%; padding-left:5%; float:left; margin-top:20px;}
  118. .widgetHome{ overflow:hidden; width:100%; margin-bottom:3%; padding-bottom:2%;}
  119. .widgetHome li {list-style:none; padding:3%;}
  120. .widgetHome li:hover { background:#A1C436; text-decoration:none;}
  121. .widgetHome a{ text-decoration:none; color:#000; }
  122. .contenedor1{ width:70%; float:left;}
  123. .contenedor2{ width:30%; float:right;}
  124.  
  125.  
  126. /*---FOOTER---*/
  127. footer { width:92%; margin: 0 auto; background:#111; overflow:hidden; font-size: 1.3em; margin-top:1%; }
  128. footer a { color:#FFF; text-decoration:none;}
  129. footer a:hover { text-decoration:underline;}
  130.  
  131. #footerWidgetCont { width: 100%; overflow:hidden; border-bottom: 1px solid #595959; margin-top:20px; }
  132. .widgetFooter { width: 29.3%; float:left; margin-right:3%;  padding-bottom:2%;}
  133. .widgetFooter:nth-child(3n+1) { margin-left:3%;}
  134. .widgetFooter li {list-style:none; padding:3%;}
  135. .widgetFooter li:hover { background:#A1C436; text-decoration:none;}
  136. .widgetFooter a{ text-decoration:none; color:#fff; }
  137. .widgetFooterTitle {font-size:1.1em; font-weight:bold; color:#000; margin-bottom: 1%; padding:2%; background:#A1C436;}
  138.  
  139. #footerDown { width:100%; padding: 0 5%; border-top:1px solid #CCC;}
  140. #footerLinks { width:60%; float:left; padding:10px 0; overflow:hidden;}
  141. #footerLinks li { float:left; color:#FFF; list-style:none; margin-right: 25px;}
  142. #footerText { float:right; width:40%; padding:10px 0; color:#FFF;}
  143. #footerText p{ float:right; margin-bottom:0;}