Foros del Web » Creando para Internet » CSS »

Aumentar tamaño de la página

Estas en el tema de Aumentar tamaño de la página en el foro de CSS en Foros del Web. Hola: Tengo una hoja de estilo que controla el sitio que hice sobre la base de una plantilla, y aunque declaré en el Body width:100%, ...
  #1 (permalink)  
Antiguo 10/12/2015, 10:45
 
Fecha de Ingreso: junio-2001
Mensajes: 277
Antigüedad: 23 años, 6 meses
Puntos: 1
Aumentar tamaño de la página

Hola:

Tengo una hoja de estilo que controla el sitio que hice sobre la base de una plantilla, y aunque declaré en el Body width:100%, en varios de los nuevos navegadores el sitio se ve pequeño.

Esta es la hoja de estilo (si hay algo que se puede modificar para que las páginas se vean bien en los nuevos navegadores, por favor decirme):

Muchas gracias

body {margin:0;padding:0;width:100%;color:#5f5f5f;font: normal 14px/1.8em Arial,Helvetica,sans-serif}
html, .main {padding:0;margin:0;background:#fff}
.clr {clear:both;padding:0;margin:0;width:100%;font-size:0px;line-height:0px}
h1 {margin:0;padding:36px 0 32px 20px;color:#fff799;font:normal 40px/1.2em Arial,Helvetica,sans-serif;text-transform:uppercase}
h1 a, h1 a:hover {color:#fff799;text-decoration:none}
h1 span {color:#fff;font-weight:bold}
h1 small {padding-left:126px;font:normal 13px/1.2em Arial,Helvetica,sans-serif;color:#fff;text-transform:none}
h2 {font:bold 24px Arial,Helvetica,sans-serif;color:#5f5f5f;padding:8px 0;margin:8px 0}
p {margin:8px 0;padding:0 0 8px 0;font:normal 18px/1.8em Arial,Helvetica,sans-serif}
a {color:#df732a;text-decoration:underline}
.header, .content, .fbg, .footer, form {margin:0;padding:0}
.content_resize, .fbg_resize, .footer_resize {margin:0 auto;padding:0 40px;width:890px}
.hbg_resize {margin:0 auto;padding:0 40px 0 0;width:930px}
.content_resize, .fbg_resize {padding:24px 40px}
.header {background:#462514 url(../estudio_nombre/images/hbg_bg.jpg) repeat-x center top}
.header_resize {margin:0 auto;padding:0;width:970px}
.header .logo {padding-left:11px;width:auto;float:left}
.header .hbg_r {margin-left:30px !important;margin-left:15px;float:left;width:420px;color:#fff}
.header .hbg_r a {color:#fff799}
.header img.hbgimg {padding:20px 19px 0 0;float:right}
.header h2 {margin:0;padding:8px 0 0 0;font:bold 24px/1.5em Arial,Helvetica,sans-serif;color:#fff;text-transform:uppercase}
.header .nav_menu ul {margin:0;padding:16px 0 14px;float:left;width:auto;list-style:none}
.header .nav_menu ul li {margin:0;padding:0 2px;float:left}
.header .nav_menu ul li a {display:block;margin:0;padding:4px 12px;color:#fff;text-decoration:none}
.header .nav_menu ul li a:hover, .header .nav_menu ul li.active a {background:#b1531f;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.inner_copy {border:0;color:#f00;float:right;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
.content {}
.content_resize {border-top:none}
.content .mainbar {margin:0;padding:0;float:left;width:630px}
.content .mainbar .article_vert {margin:0;padding:0 16px 0 0;float:left;width:297px}
.content .mainbar .article img, .content .mainbar .article_vert img {border:1px solid #dedede;padding:3px}
.content .mainbar img[src$="gran_libro_de_los_nombres.jpg"] {padding:0 !important; border:0 !important;}
.content .mainbar img[src$="li_1.jpg"] {padding:0 !important; border:0 !important;}
.content .mainbar .article img.ilf {float:left;margin:0 16px 8px 0}
.content .mainbar .article, .content .sidebar .gadget {margin:0;padding:0 0 16px 0}
.content .sidebar {margin:0;padding:0;float:right;width:236px}
ul.sb_menu {width:140px}
ul.sb_menu, ul.ex_menu {margin:0;padding:0;list-style:none;color:#959595}
ul.sb_menu li, ul.ex_menu li {margin:0}
ul.sb_menu li {margin:4px 0;padding:4px 0 0}
ul.ex_menu li {margin:4px 0;padding:4px 0 0}
ul.sb_menu li a {padding-left:20px;background: url(../estudio_nombre/images/li.gif) no-repeat left center}
ul.sb_menu li a, ul.ex_menu li a {color:#5f5f5f;text-decoration:none}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {color:#df732a;font-weight:bold}
ul.ex_menu li a:hover {text-decoration:none}
.content .mainbar .comment {margin:0;padding:16px 0 0 0}
.content .mainbar .comment img.userpic {border:1px solid #dedede;margin:10px 16px 0 0;padding:0;float:left}
.fbg {background:#dcbd99}
.fbg_resize img {border:1px solid #dedede}
.fbg h2 {color:#323a3f}
.fbg a {color:#fff}
.fbg .col {margin:0;float:left}
.fbg .c1 {padding:0 16px 0 0;width:290px}
.fbg .c2 {padding:0 16px;width:290px}
.fbg .c3 {padding:0 0 0 16px;width:240px}
.fbg .c1 img {margin:8px 16px 16px 0;padding:0;float:left}
.fbg .c3 img {margin:4px;padding:0}
.fbg ul.sb_menu {padding-left:15px;list-style:disc;color:#df732a}
.fbg ul.sb_menu a {background:none;padding-left:0}
.footer {padding-top:16px}
.footer p.lf {margin:0;padding:4px 0;float:left;width:auto}
ul.fmenu {margin:0;padding-bottom:12px;list-style:none;float:right;width:auto}
ul.fmenu li {margin:0;padding:0 2px;float:left}
ul.fmenu li a {display:block;padding:4px 8px;color:#5f5f5f;text-decoration:none}
ul.fmenu li a:hover, ul.fmenu li.active a {color:#fff;background:#b1531f;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
ol {margin:0;padding:0;list-style:none}
ol li {margin:0;padding:0;display:block;clear:both}
ol li label {display:block;margin:0;padding:16px 0 0 0}
ol li input.text {width:480px;border:1px solid #c0c0c0;margin:2px 0;padding:5px 2px;height:16px;background:#fff}
ol li textarea {width:480px;border:1px solid #c0c0c0;margin:2px 0;padding:2px;background:#fff}
ol li .send {margin:16px 0 0 0}

img[src$="edifica.jpg"] {padding:0 !important; border:0 !important;}

Última edición por ilda; 13/12/2015 a las 03:00

Etiquetas: navegacion, navegadores
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 14:35.