Tema: Franja horizontal al 100%, resto no.
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/05/2015, 01:39
mcasasrey
 
Fecha de Ingreso: mayo-2015
Mensajes: 6
Antigüedad: 9 años
Puntos: 0
Respuesta: Franja horizontal al 100%, resto no.
Gracias NueveReinas por la lección de lo que es trabajo y lo que no. Debes estar ocupadísimo para ir dando tantas lecciones en este foro.

Ya he visto varias respuestas tuyas en el foro y muchas de ellas son con ese mismo tono. Si no tienes vida, cómprate una o en lugar de estar en un foro de diseño web vete a uno de autoayuda.

La diferencia entre tú y la persona que ha comentado antes (JuJoGuAI), es que él presupone que el código lo tengo hecho, tú presupones lo contrario.

Aquí está lo que llevo hecho. Olvidé poner el código, mis disculpas.
Gracias de antemano al quiera ayudar.

CÓDIGO HTML:

Código HTML: 
Ver original
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  6.  
  7. <head>
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  10. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  11. <meta name="viewport" content="width=1024" />
  12. <title>HOME</title>
  13. <link rel="stylesheet" type="text/css" media="screen,print" href="HOME_files/HOME.css" />
  14. <!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='HOME_files/HOMEIE.css'/><![endif]-->
  15. <!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
  16. <script type="text/javascript" src="Scripts/iWebSite.js"></script>
  17. <script type="text/javascript" src="HOME_files/HOME.js"></script>
  18.  
  19. </head>
  20.   
  21. <body style="background: rgb(255, 255, 255); margin: 0pt; " onload="onPageLoad();">
  22.    
  23. <div style="text-align: center; ">
  24.     
  25. <video id="spotempresa" loop autoplay preload poster="HOME_files/spotempresa.png" class="spotempresa">
  26. <source src="HOME_files/spotempresa.mp4" type="video/mp4" />
  27. <source src="HOME_files/spotempresa.webm" type="video/webm" />
  28. <source src="HOME_files/spotempresa.ogv" type="video/ogg" />
  29. </video>
  30.     
  31. <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word;  background: transparent; text-align: left; width: 1024px; " id="body_content">
  32. <div style="float: left; margin-left: 0px; position: relative; width: 1024px; z-index: 0; " id="nav_layer">
  33. <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
  34. <div style="clear: both; height: 0px; line-height: 0px; " class="spacer">*</div>
  35. </div>
  36. <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 1024px; z-index: 10; " id="header_layer">
  37. <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
  38. </div>
  39. <div style="margin-left: 0px; position: relative; width: 1024px; z-index: 5; " id="body_layer">
  40. <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
  41. <div id="id1" style="height: 100px; left: 0px; position: absolute; top: 0px; width: 1024px; z-index: 1; " class="style_SkipStroke shape-with-text">
  42. <div class="text-content graphic_shape_layout_style_default_External_1024_100" style="padding: 0px; ">
  43. <div class="graphic_shape_layout_style_default"></div>
  44. </div>
  45. </div>
  46.           
  47.  
  48.  
  49. <div id="id2" style="height: 54px; left: 313px; position: absolute; top: 23px; width: 398px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
  50. <div class="text-content style_External_398_54 vertical-align-middle-middlebox" style="padding: 0px; ">
  51. <div class="style vertical-align-middle-innerbox">
  52. <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">CABECERA</p>
  53. </div>
  54. </div>
  55. </div>
  56.           
  57.  
  58.  
  59. <div id="id3" style="height: 100px; left: 170px; position: absolute; top: 654px; width: 697px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
  60. <div class="text-content style_External_697_100 vertical-align-middle-middlebox" style="padding: 0px; ">
  61. <div class="style vertical-align-middle-innerbox">
  62. <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">RESTO DE LA PAGINA</p>
  63. </div>
  64. </div>
  65. </div>
  66.           
  67.  
  68.  
  69. <div id="id4" style="height: 158px; left: 41px; position: absolute; top: 820px; width: 454px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
  70. <div class="text-content graphic_textbox_layout_style_default_External_454_158" style="padding: 0px; ">
  71. <div class="graphic_textbox_layout_style_default">
  72. <p style="padding-top: 0pt; " class="paragraph_style_1">Titular uno.<br /></p>
  73. <p style="padding-bottom: 0pt; " class="paragraph_style_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas sit amet dolor eget tristique. Quisque vulputate felis nec leo commodo vehicula. Morbi elementum arcu dictum volutpat placerat. Etiam accumsan fringilla eros, non posuere tortor interdum eu. Suspendisse nunc justo, luctus sit amet placerat at, gravida et justo. Integer vel suscipit ex, non pharetra erat. Aliquam at ultricies enim.</p>
  74. </div>
  75. </div>
  76. </div>
  77.           
  78.  
  79.  
  80. <div id="id5" style="height: 158px; left: 529px; position: absolute; top: 820px; width: 454px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
  81. <div class="text-content graphic_textbox_layout_style_default_External_454_158" style="padding: 0px; ">
  82. <div class="graphic_textbox_layout_style_default">
  83. <p style="padding-top: 0pt; " class="paragraph_style_1">Titular dos.<br /></p>
  84. <p style="padding-bottom: 0pt; " class="paragraph_style_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas sit amet dolor eget tristique. Quisque vulputate felis nec leo commodo vehicula. Morbi elementum arcu dictum volutpat placerat. Etiam accumsan fringilla eros, non posuere tortor interdum eu. Suspendisse nunc justo, luctus sit amet placerat at, gravida et justo. Integer vel suscipit ex, non pharetra erat. Aliquam at ultricies enim.</p>
  85. </div>
  86. </div>
  87. </div>
  88.           
  89.  
  90.  
  91. <div id="id6" style="height: 158px; left: 41px; position: absolute; top: 999px; width: 454px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
  92. <div class="text-content graphic_textbox_layout_style_default_External_454_158" style="padding: 0px; ">
  93. <div class="graphic_textbox_layout_style_default">
  94. <p style="padding-top: 0pt; " class="paragraph_style_1">Titular tres.<br /></p>
  95. <p style="padding-bottom: 0pt; " class="paragraph_style_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas sit amet dolor eget tristique. Quisque vulputate felis nec leo commodo vehicula. Morbi elementum arcu dictum volutpat placerat. Etiam accumsan fringilla eros, non posuere tortor interdum eu. Suspendisse nunc justo, luctus sit amet placerat at, gravida et justo. Integer vel suscipit ex, non pharetra erat. Aliquam at ultricies enim.</p>
  96. </div>
  97. </div>
  98. </div>
  99.           
  100.  
  101.  
  102. <div id="id7" style="height: 158px; left: 529px; position: absolute; top: 999px; width: 454px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
  103. <div class="text-content graphic_textbox_layout_style_default_External_454_158" style="padding: 0px; ">
  104. <div class="graphic_textbox_layout_style_default">
  105. <p style="padding-top: 0pt; " class="paragraph_style_1">Titular cuatro.<br /></p>
  106. <p style="padding-bottom: 0pt; " class="paragraph_style_2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas sit amet dolor eget tristique. Quisque vulputate felis nec leo commodo vehicula. Morbi elementum arcu dictum volutpat placerat. Etiam accumsan fringilla eros, non posuere tortor interdum eu. Suspendisse nunc justo, luctus sit amet placerat at, gravida et justo. Integer vel suscipit ex, non pharetra erat. Aliquam at ultricies enim.</p>
  107. </div>
  108. </div>
  109. </div>
  110.           
  111.  
  112.  
  113. <div id="id8" style="height: 100px; left: 0px; position: absolute; top: 2900px; width: 1024px; z-index: 1; " class="style_SkipStroke shape-with-text">
  114. <div class="text-content graphic_shape_layout_style_default_External_1024_100" style="padding: 0px; ">
  115. <div class="graphic_shape_layout_style_default"></div>
  116. </div>
  117. </div>
  118.           
  119.  
  120.  
  121. <div id="id9" style="height: 54px; left: 320px; position: absolute; top: 2923px; width: 398px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
  122. <div class="text-content style_External_398_54 vertical-align-middle-middlebox" style="padding: 0px; ">
  123. <div class="style vertical-align-middle-innerbox">
  124. <p style="padding-bottom: 0pt; padding-top: 0pt; " class="paragraph_style">FOOTER</p>
  125. </div>
  126. </div>
  127. </div>
  128. <div style="height: 3000px; line-height: 3000px; " class="spacer">*</div>
  129. </div>
  130. <div style="height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 1024px; z-index: 15; " id="footer_layer">
  131. <div style="height: 0px; line-height: 0px; " class="bumper">*</div>
  132. </div>
  133. </div>
  134. </div>
  135. </body>
  136. </html>