Con el mozilla no sé me ve bien

Pues eso...que cuando le doy a vista previa con el Mozilla Firefox me sale más la web mientras que si la habro con el IE si que se me ve perfecto,como puedo solucionar esto? :cry:

PD:Otra cosa que quería comentar es que como vereis estoy apunto de subir mi web,pero estoy acojonado XD sí por que no sé,tengo miedo a que los enlaces no me vayan,la web no se vea bien,en fin tenga problemas y eso y me acabe quedando un churro de web sin poder volver atrás,por que..una vez subida no se puede "eliminar" y volverla a subir,no?
En fin gracias por todo y la guia muy buena y fácil de seguir :wink:
Sí, claro que se puede, sino nunca la podrías actualizar. Cuando la subes, para actualizarla sólo tienes que volverla a subir sustituyendo lo anterior.
Saludos :wink:
Woo muchas gracias ^^ ya estaba yo cagao por eso XD
Y respecto a mi pregunta principal...la podrías resolver porfavor? ^^u

Tengo duda (aprobecho el post >_<)
Yo puedo dar de baja una web mediante el Razy Hosting?
Si es así y algun dia la vuelvo a subir...podré ponerla con el mismo nombre?
No puedes dar la web de baja, pero aunque pudieras, mejor no hacerlo. En caso de que te cambiaras de servidor, mejor poner un enlace de la antigua a la nueva que borrar la antigua.
Para lo del index ponnos la url pa verlo o lo códigos.
Saludos :wink:
Ahhh ok ok muchas gracias ^^
Y por que se me ve la página mal con el mozilla y el con el Internet Explorer se me ve bien?
Pues porque la debes ir adaptando. Por eso te dije que nos pasaras la url, para ver donde podía estar el problema :wink:
Aun no lo tengo subido,simplemente le he dado a abrir con el Mozilla y me sale deforme y si pongo menos texto del que toca se me desajusta todo y queda bastante horrible si eso puedo poner el codigo de la plantilla y del estilo.Ah,otra cosa tambien me gustaría que me dierais opinion sobre la web,sé que es una mierda pero básicamente la quiero para poner una notciaa y poner un elace al foro.Gracias ^^ Aquí os lo pongo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Brigada Smash</title>
<link rel="stylesheet" href="estilo-general.css"          type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt"          type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt"   type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
  <div id="curva-superior"></div>
  <div id="cabecera">
    <div id="logotipo">[url="index.html"][img]objetos/51XF5RQ6T3L._AA280_.jpg[/img][/url]</div>
    <div id="publicidad">Brigada Smash</div>
  </div>
  <div id="navegacion">
    <ul>
      [*][url="#"]Foro[/url]
      [*][url="#"]Lista de Miembros[/url]
      [*][url="#"]Mensajería[/url]
      [*][url="#"]Buscar[/url]
		[/list]
  </div>
  <div id="contenido">
       <div id="menu">
         <h1>Menu</h1>
<ul>[*][url="#"]Foro[/url][*][url="#"]Lista de Miembros[/url][*]
[url="#"]Mensajería[/url][*][url="#"]Buscar[/url][/list]
       </div>
<h1>Esta será la zona principal de la página,ok?</h1>


Pues eso...aquí propongo de poner noticias al algo pero bueno,ya se irá viendo sobre la marcha</p>


Tambien me falta añadir enlaces para ir a los miembros,foro,mensajería,videos y demás,pero en fin..</p>


AH! y otra cosa,que conste que esto aun no está acabado,es simplemente una base,aun falta cambiar algunas cosillas que ya me iré informando ;D
Ah otra cosa...sobre el menú y los pies de página y el navegador se pueden cambiar y poner le más cómodo.
</p>
  </div>
  <div id="pie">
  <div id="pieuno">
  <ul>
  [*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]
  [/list]
</div>
  <div id="piedos">ya pondré algo aquí</div>
  <div id="pietres">
  <ul>
	[*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url]
  [/list]
</div>
</div>
  <div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body        {text-align: center }
#global     {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }
#cabecera   {background-color: white ; border-left: black 1px solid ; 
             border-right: black 1px solid ; height:85px}
#logotipo   {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: orangered1 ; border: black 1px solid  ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido  {background-color: orange ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu       {background-color: lorange ; width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ;
             background-image: url(objetos/menu-parte-inferior-1.gif);
			 background-position: bottom ;
             padding-bottom:5px }
#menu li    {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
          background-image: url(objetos/menu-parte-superior-1.gif) }
#pie { background-color: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid;
			 height: 65px ; }
#pie li  {list-style: none ; font-size: 12px }
#pieuno  {float:left ; width:150px ; 
          border-right: black 1px solid }
#piedos  {background-color: green ; float:left ; width:498px ;  background-color: silver}
#pietres {float:left ; width:150px ; 
          border-left: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }						
a         {color: brown ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline ; background-color: silver}
a:active  {}
#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:black ; text-decoration:underline ; background-color: white }
#pie a:active  {color:black}
#pie a         {color: red; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active  {color:blue} 
De qué forma se deforma? Es que si no no sé por dónde buscar el error, jeje, ten en cuenta que no veo la web :wink:
Mira esto es lo que pasa cuando lo habro con el mozilla:
http://img528.imageshack.us/img528/2707/mozillazu5.png
Esto con el IE:
http://img228.imageshack.us/img228/470/ieii0.png
Y esto es lo que pasa cuando el mensaje es corto:
http://img128.imageshack.us/img128/4033/iecortooe7.png

Ahí solo quiero poner una noticia nada más y bueno..los enlaces pero creo que me puedo aclarar con lo que me han dicho en otro post pero si lo hago más grande se me quedara descolocado otra vez >_<
Gracias de new :oops:
Vamos a probar a hacer un cambio. Esto:

#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px ; }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px ;
border-right: black 1px solid }
#piedos {background-color: green ; float:left ; width:498px ; background-color: silver}
#pietres {float:left ; width:150px ;
border-left: black 1px solid }


Prueba a ponerlo así:

#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px ; width:800px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px ;
border-right: black 1px solid }
#piedos {background-color: green ; background-color: silver}
#pietres {float:right ; width:150px ;
border-left: black 1px solid }

Saludos
Wooo perfect!! muchísimas gracias tio.
Y yo lo quiero hacer más grande he de cambiar algo o con eso se debería de reajustar al texto?
ahhh ok ok muchas gracias :wink:

Otra cosa (ya sé que soy pesado perdona ^^u) resulta de que he decidido quitar el menu desplegable y me parece que he quitado todo lo relacionado con él...pero cuando le doy a vista previa me dice de que no se encuentra un scrip y que el error es que "desplegable1" no esta definido,le doy a cerrar y sigue normal,pero que pasa....que ahora se la voy a pasar a un amigo para que la vea y él la ve así:
http://img522.imageshack.us/img522/1451/webbervm8.png
A mi con el IE se me ve perfecto pero con el Mozilla se me ve esto:
http://img104.imageshack.us/img104/9512/mozilla2cr5.png
segun me dice él..es problema de los enlaces ya que van dirigidos a mi carpeta,pero no lo sé.Bueno aquí mi pregunta,podeis hacer que a ellos se les vea bien y a mi tambien? :cry:
Si esto sale bien..podré subirla sin problemas (por fin XDD)

Si te es de ayuda,aquí te dejo los codigos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Brigada Smash</title>
<link rel="stylesheet" href="estilo-general.css"          type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt"          type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt"   type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
  <div id="curva-superior"></div>
  <div id="cabecera">
    <div id="logotipo">[url="index.html"][img]objetos/Finish Tierra copy.jpg[/img][/url]</div>
    <div id="publicidad">Brigada Smash</div>
  </div>
  <div id="navegacion">
    <ul>
      [*][url="#"]Foro[/url]
      [*][url="#"]Lista de Miembros[/url]
      [*][url="#"]Mensajería[/url]
      [*][url="#"]Buscar[/url]
		[/list]
  </div>
  <div id="contenido">
       <div id="menu">
         <h1>Información</h1>
<ul>[*][url="#"]Teams de la Brigada[/url][*][url="#"]El Staff[/url][/list]
       </div>
<h1>Bienvenidos a la Brigada Smash</h1>
<h2>PAGINA EN CONSTRUCCIÓN</h2>


Acontinuación os explicaremos de que va ésta web:</p>


Somos un grupo de Smashers de Castellón (España) donde por fin iniciamos por todo lo alto un clan a gran escala y para ello
nuestra funcion es mostrar al público lo que nosotros somos capazes de hacer.En el foro mostramos más información acerca del juego Super Smash Bros Brawl.</p>


Dentro del foro tambien encontrareis información útil de como jugar como un experto en el Brawl,tambien se mostraran videos y muchisimas
guias sobre la plantilla completa.</p>


Ah! y por último...solo pedir disculpas por que la web a estas alturas aun no se encuentra muy disponible y se encuentra en construcción,así que los miembros
de la Brigada pedimos un poco de paciencia,intentaremos lo más rápido posible en este proyecto ^^
  </div>
  <div id="pie">
<div id="curva-inferior"></div>
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body        {text-align: center }
#global     {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }
#cabecera   {background-color: black ; border-left: black 1px solid ; 
             border-right: black 1px solid ; height:85px}
#logotipo   {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: orangered1 ; border: black 1px solid  ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido  {background-color: red ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu       {background-color: lorange ; width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ;
             background-image: url(objetos/menu-parte-inferior-1.gif);
			 background-position: bottom ;
             padding-bottom:5px }
#menu li    {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
          background-image: url(objetos/menu-parte-superior-1.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px ; width:800px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px ;
border-right: black 1px solid }
#piedos {background-color: green ; background-color: silver}
#pietres {float:right ; width:150px ;
border-left: black 1px solid } 
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }						
a         {color: brown ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline ; background-color: silver}
a:active  {}
#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:black ; text-decoration:underline ; background-color: white }
#pie a:active  {color:black}
#pie a         {color: red; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active  {color:blue} 
Ijner escribió:ahhh ok ok muchas gracias :wink:

Otra cosa (ya sé que soy pesado perdona ^^u) resulta de que he decidido quitar el menu desplegable y me parece que he quitado todo lo relacionado con él...pero cuando le doy a vista previa me dice de que no se encuentra un scrip y que el error es que "desplegable1" no esta definido,le doy a cerrar y sigue normal,pero que pasa....que ahora se la voy a pasar a un amigo para que la vea y él la ve así:
http://img522.imageshack.us/img522/1451/webbervm8.png
A mi con el IE se me ve perfecto pero con el Mozilla se me ve esto:
http://img104.imageshack.us/img104/9512/mozilla2cr5.png
segun me dice él..es problema de los enlaces ya que van dirigidos a mi carpeta,pero no lo sé.Bueno aquí mi pregunta,podeis hacer que a ellos se les vea bien y a mi tambien? :cry:
Si esto sale bien..podré subirla sin problemas (por fin XDD)

Si te es de ayuda,aquí te dejo los codigos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Brigada Smash</title>
<link rel="stylesheet" href="estilo-general.css"          type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt"          type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt"   type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
  <div id="curva-superior"></div>
  <div id="cabecera">
    <div id="logotipo">[url="index.html"][img]objetos/Finish Tierra copy.jpg[/img][/url]</div>
    <div id="publicidad">Brigada Smash</div>
  </div>
  <div id="navegacion">
    <ul>
      [*][url="#"]Foro[/url]
      [*][url="#"]Lista de Miembros[/url]
      [*][url="#"]Mensajería[/url]
      [*][url="#"]Buscar[/url]
		[/list]
  </div>
  <div id="contenido">
       <div id="menu">
         <h1>Información</h1>
<ul>[*][url="#"]Teams de la Brigada[/url][*][url="#"]El Staff[/url][/list]
       </div>
<h1>Bienvenidos a la Brigada Smash</h1>
<h2>PAGINA EN CONSTRUCCIÓN</h2>


Acontinuación os explicaremos de que va ésta web:</p>


Somos un grupo de Smashers de Castellón (España) donde por fin iniciamos por todo lo alto un clan a gran escala y para ello
nuestra funcion es mostrar al público lo que nosotros somos capazes de hacer.En el foro mostramos más información acerca del juego Super Smash Bros Brawl.</p>


Dentro del foro tambien encontrareis información útil de como jugar como un experto en el Brawl,tambien se mostraran videos y muchisimas
guias sobre la plantilla completa.</p>


Ah! y por último...solo pedir disculpas por que la web a estas alturas aun no se encuentra muy disponible y se encuentra en construcción,así que los miembros
de la Brigada pedimos un poco de paciencia,intentaremos lo más rápido posible en este proyecto ^^
  </div>
  <div id="pie">
<div id="curva-inferior"></div>
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body        {text-align: center }
#global     {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }
#cabecera   {background-color: black ; border-left: black 1px solid ; 
             border-right: black 1px solid ; height:85px}
#logotipo   {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: orangered1 ; border: black 1px solid  ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido  {background-color: red ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu       {background-color: lorange ; width: 150px ; float:left ; 
             text-align:left ; margin: 3px 10px 3px 3px ;
             background-image: url(objetos/menu-parte-inferior-1.gif);
			 background-position: bottom ;
             padding-bottom:5px }
#menu li    {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
          background-image: url(objetos/menu-parte-superior-1.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px ; width:800px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px ;
border-right: black 1px solid }
#piedos {background-color: green ; background-color: silver}
#pietres {float:right ; width:150px ;
border-left: black 1px solid } 
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }						
a         {color: brown ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline ; background-color: silver}
a:active  {}
#pie a         {color: blue; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:black ; text-decoration:underline ; background-color: white }
#pie a:active  {color:black}
#pie a         {color: red; text-decoration:none ; display: block }
#pie a:link    {}
#pie a:visited {}
#pie a:hover   {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active  {color:blue} 
Hola:
Cuando dice que quiere quitar los menus desplegables ¿se refiere a quitar todo lo que tenga que ver con los desplegables?.
Por que si es así debiera de quitar los archivos que puso en la carpeta "web-ejemplo-cctw" el que dice "definir menus" "estilo menu desplegable" "no tocar" "numero de menus", y de la carpeta objetos los ocho archivos que son de imagenes como el "espaciador" "fondo activo" "fondo no activo" etc. y de la página ese<link rel del menu desplegable y esos script de no tocar y el de numero de menus, luego donde dice <body onload init etc. solo poner <body>
Imagino que era eso, si no lo era pues lo siento
Saludos
Agradecido de los que aprenden enseñando
Siento molestar,pero alguien me puede ayudar en el mensaje de arriva?

PD: Siento mucho el doble post :(
Ijner escribió:Siento molestar,pero alguien me puede ayudar en el mensaje de arriva?

PD: Siento mucho el doble post :(
Hola:
Creo que en la capa pie usted no la ha cerrado, tiene que ponerla así:
<div id="capapie"></div>
Si en la hoja de estilo no le ha dado ninguna altura a la capa pie esta no se verá, así que le recomiendo que la ponga en la página así:
<div id="capapie">esta es la capa pie</div
Si quiere puede ponerle solo un punto en vez de escribir lo que le puse, pero algo debe ponerle porque o si no (siempre que en la hoja de estilo no le haya dado una altura a la capa pie) no se verá, o se irá para cualquier lado.
Saludos
Agradecido de los que aprenden enseñando
Ya lo puse y se me queda igual :cry: :cry: :cry:
gracas de todas maneras...si se os ocurre algo más.... :cry: :cry: Help me plis :(
hola

te iré dando mis impresiones ok??

para empezar

la cabecera mide 85px de alto

#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}

pero el logotipo mide 180 de alto

[contenido no disponible]

Como ves aqui hay un gran fallo, que hace que las cosas de descuadren
la solucion

o, haces la cabecera mas alta, o el logotipo mas bajo, de tal forma que entre bien

abajo, donde tienes los pies jeje
mira en el piedos
y bajale un poco al ancho, que quda muy justo
con que lo dejes en 495px de ancho está bien

lo checas y nos avisas

saludos