image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

Como centrar esta hoja CSS?

Volver al foro | Responder | Añadir nuevo tema


De: Carlos Lobo
Fecha: 25/03/2009
Mensaje:

Alguien puede ayudarme a ver como centrar esta pagina? He intentado casi de todo y no puedo, por favor necesito esta ayuda urgente, Gracias. table { border:0px; border-collapse:collapse ; width:100%} td {vertical-align:top; padding:0px; } td, table, select, input, textarea{ font-family:tahoma; font-size:11px; vertical-align:top; line-height:14px; color:#3D250D } form { margin:auto;text-align:center; padding:0px} body { margin:auto;text-align:center; padding:0px; background:#F2F2EA} #menu { width:766px; } .bg{ background:url(images/header.jpg) no-repeat} .bg1{ background:url(images/bg.gif) repeat-x} .bg2{ background:url(images/menu_rb1.jpg) no-repeat right bottom} .bg2_1{ background:url(images/menu_rb2.jpg) no-repeat right bottom} .bg2_2{ background:url(images/menu_rb3.jpg) no-repeat right bottom} .bg2_3{ background:url(images/menu_rb4.jpg) no-repeat right bottom} .bg3{ background:url(images/bg1.jpg) repeat} .bg4{ background:url(images/bg3.jpg) repeat-x} .bg5{ background:url(images/bg2.jpg) repeat-y} .bg6{ background:url(images/bg4.jpg) repeat-x #C9C9C3} .bg7{ background:url(images/bg5.jpg) no-repeat right top} .bg8{ background:url(images/foot_bg.jpg) repeat-x} .bg9{ background: url(images/foot_bg1.jpg) repeat} .bg10{ background:url(images/foot_bg2.jpg) repeat-y} .bg11{ background:url(images/bg6.jpg) repeat-x #b1c5d3} .bg12{ background:url(images/px.gif) repeat-x} .bg13{ background:#b8c6d4 url(images/bg5_1.jpg) no-repeat right top} .bg14{ background:url(images/flash_bg1.jpg) no-repeat} .bg15{ background:url(images/flash_bg2.jpg) no-repeat} .bg16{ background:url(images/flash_bg3.jpg) no-repeat} .bg17{ background:url(images/flash_bg4.jpg) no-repeat} .bg18{ background:url(images/flash_bg5.jpg) no-repeat} strong{ color:#004d96} b{ color:#0d0906} a{ color:#004d96; text-decoration:underline; font-weight:bold} a:hover{ text-decoration:none} b a{ color:#0D0906; text-decoration:underline} b a:hover{ text-decoration:none} strong a{ color:#3C3535; text-decoration:underline} strong a:hover{ text-decoration:none} span a{ color:#3D250D; text-decoration:underline; font-weight:normal} span a:hover{ text-decoration:none} span{ color:#004d96} span b{ color:#FFF} .list ul{margin:auto; padding:0px; list-style:none; line-height:14px} .list ul li { background:url(images/list_bg.gif) no-repeat 0 6px; padding-left:13px} .list ul li a{ color:#004d96; text-decoration: underline; font-size:11px; font-weight:normal} .list ul li a:hover{ text-decoration: none} .list1 ul{margin:auto; padding:0px; list-style:none; line-height:16px} .list1 ul li { background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:13px} .list1 ul li a{ color:#004d96; text-decoration: underline; font-size:11px; font-weight:normal} .list1 ul li a:hover{ text-decoration: none} .indent{ padding:22px 44px 0 0; text-align:center} .indent1{ padding:19px 17px 20px 28px} .indent2{ padding:14px 12px 8px 12px} .indent3{ padding:19px 16px 8px 27px} .indent4{ padding:0 21px 16px 0} .indent5{ padding:21px 17px 20px 28px} .indent6{ padding:20px 21px 20px 0} .footer{ color:#2C1A0C; background:url(images/bg7.jpg) no-repeat; text-align:center; height:65px; vertical-align:middle} .footer a{ color:#2C1A0C; text-decoration:none; font-weight:normal} .footer a:hover{ text-decoration:underline} .footer span a{ color:#004d96; text-decoration:underline; font-weight:normal} .footer span a:hover{ text-decoration:none} .footer span{color:#FFF} .form input { width:208px; height:25px; color: #3D250D; border:#3D250D 1px solid; padding:3px 0 0 7px; background-color:#F2F2EA; } .form textarea { width:201px; height:106px; color: #3D250D; overflow: auto; border:#3D250D 1px solid; padding:3px 0 0 7px; background-color:#F2F2EA; }


Quizás le interese
De: brian
Util para: 0 personas

Fecha: 28/03/2009
Mensaje:

mira, primero en el servidor tenes que crear dos archivos css del bloc de notas, y una para IE, y otra para los demas navegadores.
debes poner:
<!--[if IE]><link rel="stylesheet" href="estilo-para-ie.css" type="text/css" media="all"><!--[else]--><link rel="stylesheet" href="estilo-para-demas.css" type="text/css" media="all">
(atencion, esto debe estar en una sola linea, ya que un espacio o un enter puede inservirlizarlo)
luego, en el de estilo para ie, debes poner esto:

body {text-align:center;margin:0 auto}
#global {margin: 0 auto;text-align:left;width:70%;}

(atencion, se debe colocar lo del body en la etiqueta del body si no tienes, y el otro debe ser un div que este desde que empieze el body hasta que termine)
y en el otro, esto:

body {}
#global {margin: 0 auto;width:766px;}

(atencion, se debe colocar lo del body en la etiqueta del body si no tienes, y el otro debe ser un div que este desde que empieze el body hasta que termine)

bueno, si entendiste perfectamente te tendria que andar en todos los navegadores.

saludso!!!




De: Kakashi
Util para: 0 personas

Fecha: 14/08/2009
Mensaje:

Hay una solucion mas sencilla y funciona en todos los navegadores, lo que vendria siendo una solucion mas simplificada a la que ya te dieron, no debes poner text-align, puesto qeu todos los navegadores no visualizan los elementos de la misma manera, aunqeu esto no te afecta mucho, bueno al grano:
la solucion esta en crear un div contenedor de tu pagina en cuestion, y diciendole a este que tome el sgte valor:
#contenedor{margin:0 auto;} dentro trabajas normalmente como lo estabas haciendo antes de encuadrar todo, de esta maneras conseguiras que aunqeu cambie de navegador e incluso de resolucion continue centrado todo, espero haberte ayudado:

Kakashi.



Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.