Mi pagina se ve mal en firefox y noc si en otros

Pues si por fin subi mi pagina que hasta ahorita la tenia en top secret para darle sorpresa a mi jefe. ^^.. pero la he subido a escondias, para probar como se ven en diferentes Navegadores. Normalmente uso el Internet explorer pero me descarge el fire fox solo para ver como va quedando en tes navegador

Para mi sorpresa va mal. T.T

les dejo mi link de prueba

http://prototype.mywebcommunity.org

Lo siento pero la pagina es en ingles aunq todos los comandos los he hecho en español por casos como estos, disculpen si hay errores ortografico, estoy trabajando en ello.

Mi Hoja de estilo general.

* { text-indent:0px; margin:0px ; padding:0px ; border: 0px; font-family:Calibri, Tahoma}

p {text-align: justify}

h1 {font-size: 1.2em; color:dark-blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color: Black ; font-weight: bold ; text-decoration: none ; text-align: left; margin:15px ; padding:15px;}
h3 {color: Black ; font-weight: bold ; text-decoration: none ; text-align: center; padding:1px;}
h4 {{color: Black ; font-weight: bold ; text-decoration: none ; text-align: center; margin:30px;}


body {text-align: center ; background-color:black}

#global {width:800px ; margin: 4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;background-repeat: no-repeat ; widht:800px ; height: 11px ; overflow:hidden}
#cabecera {background-image: url(objetos/fondo-cabecera2.png); border-left:black 1px solid ; border-right:black 1px solid;height:20px; widht:798px}
#cabecera1 {float:left ;padding:30px 100px 0px 30px;}
#cabecera1 image {float:left; padding: 3px;}
#cabecera2 {float:left; width:240px;}
#cabecera2 a: {}
#cabecera2 a:link {}
#cabecera2 a:visited {}
#cabecera2 a:hover {background-image: url(objetos/fondo-cabecera2.png)}
#cabecera2 a:active {}
#cabecera3 image {float:center ;padding:0px}
#cabecera3 {float:left; width: 270px; padding:30px 0px 30px 30px}


#logotipo {width:0px; hight: 0px ; float: left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {}
#logotipo a:active {}


#navegacion li {float:left; list-style:none; margin: 0px 0px 0px 0px; border-right: black 1px solid; padding: 3px 7px 2px 4px }
#navegacion ul {margin-left: 20px}

#contenido {background-image: url(objetos/fondo-degradado2.png); border-right: black 1px solid ; border-left: black 1px solid; padding: 10px 15px 5px 15px; list-slyte: none}
#contenido h1 {Padding: 15px}
#contenido2 {wight:800px; height:200px;background-image: url(objetos/fondo-degradado2.png); border-right: black 1px solid ; border-left: black 1px solid; padding: 10px 15px 5px 15px; list-slyte: none}
#contenido2 h1 {border:black 1px solid}
#capa-contenido {font-size: 1.1em; font-weight: bold ; text-decoration: none;widht: 800px; height:300px;}
#capa-contenido image {margin: 30px 17px;}
#capa-contenido li {list-style: none; float:left; margin: 30px 0px}
#capa-contenido a: {}
#capa-contenido a:link {}
#capa-contenido a:visited {}
#capa-contenido a:hover {background-color:#F4A460}
#capa-contenido a:active {}

#capa-contenido2 {font-size: 1.1em; font-weight: bold ; text-decoration: none;widht: 800px; height:300px;}
#capa-contenido2 image {margin: 30px 30px;}
#capa-contenido2 li {list-style: none; float:left; margin: 30px 0px}
#capa-contenido2 a: {}
#capa-contenido2 a:link {}
#capa-contenido2 a:visited {}
#capa-contenido2 a:hover {background-color:#F4A460}
#capa-contenido2 a:active {}

#capa-contenido3 {font-size: 1.1em; font-weight: bold ; text-decoration: none;widht: 800px; height:300px; padding: 0px 0px 0px 100px}
#capa-contenido3 image {margin: 30px 20px;}
#capa-contenido3 li {list-style: none; float:left; margin: 30px 0px}
#capa-contenido3 a: {}
#capa-contenido3 a:link {}
#capa-contenido3 a:visited {}
#capa-contenido3 a:hover {background-color:#F4A460}
#capa-contenido3 a:active {}


#lista-contenido {widht:800px; height:300px; front-size:1em}
#lista-contenido li {text-align:left; margin: 30px;text-indent: 30px;}
#lista-contenido p {color:#00BFFF; text-align:center}

#lista-contenido1 {float:left; margin: 0px 30px 100px 30px}
#lista-contenido1 li {text-align:left; }

#lista-contenido2 { float:left}
#lista-contenido2 li {text-align:left; }

#lista-contenido3 {widht:800px; height:300px; text-size:1.4em}
#lista-contenido3 li {text-align:center; margin: 30px;text-indent: 30px;font-size:1.1em}
#lista-contenido3 p {text-align:left;text-indent: 5px; font-size:1.1em; margin:7px}

#contenido p {padding: 10px 10px 5px 10px ; text-indent: 15px; text-margin:10px}

#menu {background-color: none ; width:150px ; float: left ; text-align: left ; margin: 30px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom;
padding-bottom: 5px;}
#menu li {list-style: none ; margin: 9px 8px 4px 6px ; }
#menu h1 {text-decoration: none; font-size: 12px ; background-image: url(objetos/menu-curva-superior.png); padding:0px}

#pie {background-color: White ; border-top:black 1px solid ; border-left:black 1px solid ; border-right:black 1px solid;height:30px}
#pie li {list-style: none ;}
#pieuno {float:left ; width:220px;font-size:12px }
#pieuno li{float:left; text-size: 10px; padding: 3px}
#piedos {float:left; width:358px;font-size:10px }
#piedos a: {color:Black; text-decoration: none ; display: block}
#piedos a:link {color:black}
#piedos a:visited { color:black;}
#piedos a:hover {color:Black; text-decoration: none ; display: block}
#piedos a:active {color:black}
#pietres {float:right; width: 100px;font-size:12px }
#pietres li{float:right; text-size: 5px; padding:3px}

#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; widht: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: gray; 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}

#navegacion {background-image: url(objetos/barra-horizontal-fondo.png); border: black 1px solid;height: 10px;}
#navegacion a {color:Black; text-decoration: none ; display: block ;}
#navegacion a:link {text-size: 16px}
#navegacion a:visited {}
#navegacion a:hover {background-image: url(objetos/barra-horizontal-fondo.png) ; text-decoration: none ; display: block;}
#navegacion a:active {color:black; text-size: 16px}

#menu a {color:#2F4F4F}
#menu a:link {}
#menu a:visited {color:#8B4513}
#menu a:hover {}
#menu a:active {font-size:1em; font-weight:bold;color:#2F4F4F}
#login {border:black 1px solid; widht:50px; height:50px;background-color:; float:left; Margin:50px 0px 0px 10px}
#contacts {Padding:10px; color:#8B4513; font-size: 1.3em;}
#mini-mapa {widht: 276px; height:269px;background-image: url(objetos/fondo-sin-nada.png)}
#mini-mapa a{background-image: url(objetos/fondo-sin-nada.png)}

Mi pagina principal

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</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="cabecera1">[contenido no disponible]</div>
<div id="cabecera2">[contenido no disponible]</div>
<div id="cabecera3">[contenido no disponible]</div>
</div>


<div id="navegacion">
<ul>

Home

Service

Parts

Equipmeat Sale

Specials

Specials Service

Mission statemeant

Member Area

Contatcs

Links

</div>
<div id="contenido2">

<h1>Here is Intro, "In contrucction"</h1>

<div id="login">
<h1>Login</h1>


User:____________</p>


Password:________</p></p></div></div>



<div id="pie">
<div id="pieuno">
<ul>

Forum

<a href="Contact.html">Contact

<a href="link.html">Link

</div>

<div id="piedos"> [correo eliminado]</div>

<div id="pietres">
<ul>

<a href="Contatcs.html">Address<a>

<a href="Locomotive-sale.html">Top Site<a>

<a href="#"><a>
</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

si alguien sabes como arreglar este problema, se los agradesco mucho. ^^, y si se ven mal en otros navegadores plssss hagamelo saber...

Muchas Gracias de ante mano.

Esta parte del código está mal:

<div id="cabecera1">[url="#"][img]objetos/ima-mpes2.png[/img]</div>[/url] 
<div id="cabecera2">[url="index.html"][img]objetos/logotipo.png[/img]</div>[/url]

Sería así:

<div id="cabecera1">[url="#"][img]objetos/ima-mpes2.png[/img][/url]</div> 
<div id="cabecera2">[url="index.html"][img]objetos/logotipo.png[/img][/url]</div>

Ahora sigo mirando más :wink:

Esta parte le pasa lo mismo:

[*][url="/phpbb3/"]Forum[*]<a href="Contact.html">Contact[*]<a href="link.html">Link[/url]

Sería así:

[*][url="/phpbb3/"]Forum[/url][*][url="Contact.html"]Contact[/url][*][url="link.html"]Link[/url]

Saludos :wink:

thx. Aunq no cambio mucho.

pero ya se que siempre tengo q colocar el </a> antes del </div>

Ire corrigiendo.

Corrige el corchete este de la hoja de estilos:
h4 {{color: Black ; font-weight: bold ; text-decoration: none ; text-align: center; margin:30px;}
Saludos :wink: