Entrar

Como hacer que mi web se vea centrada en firefox??

aorkis · · Solicitar retirada
Puedes poner tu web dentro de una tabla.
Luego le das una alineacion centrada y listos! :D
Foley · · Solicitar retirada
y la tabla esa se puede poner invisible?? se peude hacer con el dreamweaver :D ??

Saludos y gracias por responder
Salmarina · · Solicitar retirada
si, metes una tabla con border 0, todo 0, sin color de fondo y sin nada. le das unicamente align:center
con el dreamweaver es facil:
-> nuevo documento html
-> Insertar
-> tabla
filas: 1; columnas: 1; ancho: el de tu pagina; grosor 0, espacio... 0, relleno 0. encabezado: ninguno.
-> ahora dentro de la tabla escribes: contenido.

ok, vas al codigo, y copias todo desde despues de body, hasta "contenido" (lo que has escrito).
abres tu pagina web, y despues de body pegas todo lo que has copiado.

vuelves al documento del principio, y copias desde "contenido", hasta antes del /body.
regresas al tu pagina web, y lo pegas todo antes del /body.

asi no tocas nada que no deba tocarse, mas sencillo imposible.
Foley · · Solicitar retirada
muchas gracias a los dos voy mirar haber si soy capaz con el dreamweaver
Foley · · Solicitar retirada
lo tengo ke hacer en la hoja de estilos no??

estilos.css:

* {margin: 0px ; padding: 0px ; border:0px }
body {text-align:center ; background-color #000000 ; background-image: url(objetos/background.jpg) }
#global {background-color: black ; width: 800px ; padding: 0px}
#banner {background-color: blue ; width: 800px}
#menu-horizontal {background-color: white ; BORDER: #000 1px solid ; MARGIN: 2px 2px 2px 2px ; width: 800px}
#menu-izquierda {background-color: black ; width: 150px ; float: left}
#menu-secundario {background-color: #958578 ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; width: 146px}
#no-se-que-poner {background-color: #958578 ; BORDER: #000 2px solid ; MARGIN: 0px 0px 2px 0px ; width: 146px}
#noticias {background-color: #958578 ; MARGIN: 2px 0px 2px 2px width:auto}
#barra-baja {background-color: white ; BORDER: #000 2px solid ; width: 800px}


Lo ke pasa es ke no se como :( :( . Es ke yo de tablas....
Salmarina · · Solicitar retirada
el css no tienes ni que tocarle. simplemente inserta una tabla y metes todo dentro. pero para que no se te descoloque nada el meterlo dentro, pues toca unicamente el codigo, y asi te aseguras de que todo esta identico, pero dento de una tabla.
Foley · · Solicitar retirada
a perdona es ke no leyera tu mensaje de arriba :)

Gracias, saludos :wink:
antiyankis91 · · Solicitar retirada
Otra opcion que creo que podias hacer es meterle margin por el lado izquierdo al body en la hoja de estilo hasta dejarlo donde tu quieras.
Salmarina · · Solicitar retirada
pero tendrias que poner el margen en porcentaje, porque si le pones, por ejemplo 200px de margen, y llega algun visitante con una resolucion pequeña, de 800 por ejemplo, pues 200 de margen, mas 200 al otro lado (para que quede centrado, te quedan 400 para la web, cosa que es un poco escasa.
asi que, tabla centrada y punto. es mas facil, y mejor.
antiyankis91 · · Solicitar retirada
Bueno pues que lo ponga en porcentaje, yo la verdad veo mas complicado meterle una tabla, porque si tiene varias paginas en la web, tiene que hacerlo en todas, a no ser que sepa usar la opcion reemplazar del dreamweaver mientras que con la hoja d estilos solo tienes que tocar una cosita.
Foley · · Solicitar retirada
No se a quien hacerle caso jaja. Me gustaria poder hacerlo en la hoja de estilos pero voy a probar con la tabla en el index primero.

Saludos
Salmarina · · Solicitar retirada
bueno, puede ser, si tienes muchas paginas donde sustiruirlo pues lo mismo te mueres. asi que puedes usar la opcion de reemplazar:
sustituyes la etiqueta <body>, por la etiqueta <body> mas la mitad de la tabla (primer copiado y pegado).
y despues sustituyes la etiqueta </body> por la etiqueta </body> mas la segunda parte de la tabla (ultimo paso del mensaje que puse)

o, lo pones en porcentaje como dice antiyankis.
yo, personalmente te recomiendo la tabla, quiza te lleve un par de minutos ahora, pero te garantizo que va a salir centrado en explorer, firefox, y con cualquier resolucion.
Foley · · Solicitar retirada
Salmarina escribió:bueno, puede ser, si tienes muchas paginas donde sustiruirlo pues lo mismo te mueres. asi que puedes usar la opcion de reemplazar:
sustituyes la etiqueta <body>, por la etiqueta <body> mas la mitad de la tabla (primer copiado y pegado).
y despues sustituyes la etiqueta </body> por la etiqueta </body> mas la segunda parte de la tabla (ultimo paso del mensaje que puse)

o, lo pones en porcentaje como dice antiyankis.
yo, personalmente te recomiendo la tabla, quiza te lleve un par de minutos ahora, pero te garantizo que va a salir centrado en explorer, firefox, y con cualquier resolucion.

Perdona pero no se que tengo que hacer, he estado intentando lo que dices en el mensaje de arriba de hacer la tabla y no lo entiendo y lo de este ultimo mensaje tampoco :( :( :( . Por si acaso te dejo la hoja de estilos y la pagina index.html

estilos.css:

* {margin: 0px ; padding: 0px ; border:0px }
body {text-align:center ; background-color #000000 ; background-image: url(objetos/background.jpg) }
#global {background-color: black ; width: 800px ; padding: 0px}
#banner {background-color: blue ; width: 800px}
#menu-horizontal {background-color: white ; BORDER: #000 1px solid ; MARGIN: 2px 2px 2px 2px ; width: 800px}
#menu-izquierda {background-color: black ; width: 150px ; float: left}
#menu-secundario {background-color: #958578 ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; width: 146px}
#no-se-que-poner {background-color: #958578 ; BORDER: #000 2px solid ; MARGIN: 0px 0px 2px 0px ; width: 146px}
#noticias {background-color: #958578 ; MARGIN: 2px 0px 2px 2px width:auto}
#barra-baja {background-color: white ; BORDER: #000 2px solid ; width: 800px}











index.html:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TodoWolfenstein (TW) : Página Principal</title>
<LINK rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

<div id="global">
<div id="banner">[contenido no disponible]</div>
<div id="menu-horizontal">[contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible][contenido no disponible]
</div>
<div id="noticias">
<div id="menu-izquierda">
<div id="menu-secundario"><u>Menú</u><hr WIDTH="140px">
<font color="#FFFFFF"><u>Inicio</u></font>


<font color="#FFFFFF">Contacto</font></p>


</div>
<div id="no-se-que-poner"><u>Webs Interesantes</u><hr WIDTH="140px">
<font color="#FFFFFF">ComoCrearTuWeb</font>
<font color="#FFFFFF">StrategyLovers</font></div>
</div>
<font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Bienvenidos a TodoWolfenstein,
en esta web podréis encontrar información variada acerca de los 3 juegos de la
saga Wolfenstein: RTCW, Enemy Territory y Quake Wars. Poco a poco la iré actualizando
más y más hasta conseguir tener un foro, información acerca de como crear servidores
de juegos, un chat, videos, música y como no información detallada sobre los juegos
nombrados anteriormente. </font>




<u><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Últimas
Actualizaciones</font></u></p>
<font face="Verdana, Arial, Helvetica, sans-serif" size="-1"><center>
- Se ha agregado una sala de chat con reproductor de vídeos


- Se ha agregado un link para <font color="#FFFFFF">descargar</font> el Wolfenstein Enemy Territory</p>
</center>
</font>


</div>
</div>
<font face="Verdana, Arial, Helvetica, sans-serif" size="-1">
<div id="barra-baja"><center>TodoWolfenstein © 2007</center></div>
<script language="Javascript">
</script>
</font>
<script language="Javascript"><!-- Begin
document.oncontextmenu = function(){return false}
// End -->
</script>

<a href="http://www.tusestadisticas.com/ve.aspx?c=11571e8d-b584-46d7-9f09-a8…" border="0" target="_blank" title="Estadisticas de acceso gratis y sin publicidad en www.tusestadisticas.com">
<script language="javascript">
<!--
var doc=document.location.href;
if (doc.match(/^http/i)!=null) {
document.write('<scr' + 'ipt language="javascript" src="http://www.tusestadisticas.com/cgi-bin/tetz.pl?c=11571e8d-b584-46d7…'+escape(document.location)+'&ref='+escape(document.referrer));
document.write('"></scr' + 'ipt>');
}
-->
</script>
</a>

</body>
</html>

Gracias por la ayuda :cry:
Salmarina · · Solicitar retirada
pega esto despues de la etiqueta <body> de tu pagina:
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
y pega esto otro antes de la etiqueta de cierre </body>
</td>
</tr>
</table>

y en lo de arriba sustituyes width="800" por el ancho que quieras, en pixels, o en porcentaje.
Foley · · Solicitar retirada
Bueno ya lo he hecho aunque me parece que en firefox sigue a la izquierda y ahora las letras se ven alineadas a la izquierda y en IE ahora se me ve todo el texto/imagenes alineado a la izquierda :( . Compruebalo tu mismo, ya he actualizado el index.

No pensaba yo ke esto seria tan complicado :?

En cambio en comocreartuweb se ve igual en firefox ke en ie :P

Saludos salmarina
Salmarina · · Solicitar retirada
es que a mi me gusta explicar las cosas, porque decirte directamente haz esto y esto pues no sirve de nada, lo importante es que entiendas por qué hacer eso.
asi que te explico de nuevo el por qué:
tu quieres meterlo todo dentro de una tabla no? pues con el dreamweaver puedes hacerlo de dos formas:
1- insertando una tabla, pero como quieres que todo quede dentro, tendras que moverlo todo a su interior. esto dependiendo de como sea tu web, puede ser facil, o imposible.
ese es el metodo de hacer la tabla y meter todo dentro
2- la otra opcion es dejarlo todo como esta, y ponerle la tabla alrededor. este es el metodo que te decia yo:

para no joder tu web, hacemos un arhivo nuevo, en blanco. insertamos una tabla y nos quedará esto en el codigo:
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
</table>
queremos que la tabla este centrada, asi que añadimos (dentro del table claro):
align="center"

con eso nos quedará una tabla centrada e invisible, porque ni tiene borde, ni color de fondo, ni nada. ahora hay que meter tu web dentro de la tabla, o al reves, rodear tu web con la tabla. como?? pues fijate en el codigo de la tabla, consta de dos partes:
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>

</td>
</tr>
</table>

y entre medias el contenido, que de momento no es nada:

pues ya sabras cual es el siguiente paso, copiar la primera parte antes del contenido, y la segunda despues del contenido. el contenido es tu web entera.

por eso te decia: copia la primera parte al principio de tu web, y la segunda al final.
si todavia no lo entiendes, haz lo que te digo y te daras cuenta.
Salmarina · · Solicitar retirada
jejejeje si, es cierto que se ve identico. logico:
tu web se basa en capas. todo esta hecho con capas. y cada capa tiene la orden de ponerse en un sitio concreto de la pantalla. como sabe donde colocarse? pues por el css. el css le dice: tu, colocate a 2 metros de la parte izquierda, y a 2 metros de la parte superior. y la capa se coloca.
lo malo es que si la pantalla es mas pequeña, pues la capa no sale donde nos gustaria (todo es relativo que dice una teoria...)
y con la solucion que te he dado, no sirve, porque las capas tal y como las tienes, simplemente obecen al css.

asi que, prueba con la solucion de antiyankis, la de los margenes. esa tiene mas probabilidades de funcionarte. mira a ver.
si es que las malditas capas... por esto nunca las uso.
Salmarina · · Solicitar retirada
listo, se le parece bastante, quitando los botones del menu que le he puesto otra cosa, si quieres lo quitas o lo remodelas.. haz con ello lo que te de la gana jejejeje:
http://www.rarhost.com/download-oezohy.html

es un archivo .rar (comprimido), le he subido a esa web, y ahora tienes que descargarle. abajo a la izquierda creo que esta el enlace...

una vez descargado, le descomprimes con el winzip, o el winrar, o el descompresor que tengas, y abres el archivo tablas.html. a ver que te parece.

vemga un saludo
Foley · · Solicitar retirada
Estas hecho todo un profesional, me encanta!! hasta tiene los botones ke cambian de color!! Esta perfecto, muchas gracias. Ahora solo tengo ke ir copiando y pegando el texto de los otros html y hacer otros nuevos pero con tus tablas no? :D

Saludos :wink:
Salmarina · · Solicitar retirada
ahora mete lo que falte, por ejemplo estadisticas, eso no te lo he metido.
por cierto, en el css, puedes cambiar los colores del menu ya lo sabes, incluso con el background-image puedes poner una imagen de boton en vez de un color de fondo.
lo malo es que no se como podras hacer para que el primer y ultimo botones sean distintos... eso no se hacerlo.

por lo demas, me alegro que te guste, ya se que jorgens recomienda divs, pero ya ves que es mas sencillo asi, al menos a mi me es mas facil...
Foley · · Solicitar retirada
ok gracias :D. He estado mirando en firefox y se ve perfecta :shock: :D :D :D

Saludos