Tengo mi página que estuve trabajando en mi la lap que tengo en casa, ahi me quedo todo bien mis marcos encajaban perfecto y todo, ahora que me la traje a la de escritorio del trabajo se me desencajaron unos marcos y nose como arreglarlo y que en cualquier maquina se vea bien, aca les pongo una imagen:
http://www.imaxenes.com/codigos/dibujo1kn42qf.jpg.html le dan en mira la imagen (parte superior derecha bajo el menu)
lo que enmarco en rojo es lo que se me desencajo, el codigo html:
Código HTML:
<div id="trabajo" class="contenido"> <div id="noticias" class="caja"> <div class="sup ext"> <img class="derecho" src="../CIByR/images_fondo/noticias_sup-final.png" alt = "" /><!--esquina superior derecha--> <img class="izquierdo" src="../CIByR/images_fondo/noticias_sup-inicio.png" alt = ""/><!--esquina superior izquierda--> </div> <div class="int"> <div class="noticia"> <div class="encabezado"> <h1> Buscar Resguardo </h1> </div> <div class="texto"> combos </div> </div> </div> <div class="inf ext"> <img class="derecho" src="../CIByR/images_fondo/noticias_inf-final.png" alt = "Noticias" /><!--esquina inferior derecha--> <img class="izquierdo" src="../CIByR/images_fondo/noticias_inf-inicio.png" alt = ""/><!--esquina inferior izquierda--> </div> </div> </div>
Código:
.ext{ overflow: hidden; white-space: nowrap; } .ext .derecho{ float: right; }
Código:
.int{ border-left: 1px solid #acacac; border-right: 1px solid #acacac; padding: 3px; /*background: #FEF8E4;*/ background: #fff url("../images_fondo/loginbg.gif") repeat; } #trabajo.contenido{ border-color:#FF6600; } /*notice*/ #noticias.caja{ margin: 0 300px 0 5px; } #noticias .sup{ height: 38px; background: #fff url("../images_fondo/noticias_sup-fondo.png") top repeat-x; /*background: url("../images_fondo/loginbg.gif") repeat; border-top: 1px solid #acacac;*/ } #noticias .inf{ height: 26px; background: #fff url("../images_fondo/noticias_inf-fondo.png") bottom repeat-x; }
Código:
La idea es que el marco encaje en donde sea pero no se como, e escuchado sobre el fixed pero no se como aplicarlo... Les agradecere mucho la ayuda que me puedan brindar .noticia{ font-size: 9pt; } .noticia .encabezado{ height: 46px; /*margin-bottom: 8px; background: #fff url("../images_fondo/encabezado-fondo.png") top repeat-x; border-bottom: 1px solid #FDECBD;*/ padding-left: 5px; padding-right: 5px; font-family: Arial, Helvetica, sans-serif; } .noticia .encabezado img{ float: right; } .noticia .encabezado h1{ font-size: 12pt; font-weight: bold; color: #01814E; margin: 1px 0; padding: 0; border: none; } .noticia .texto{ padding-left: 5px; padding-right: 5px; }