hola amigos com etsan, voy en a parte de colocar mi propio logo pero tengo este iconveniente y es que me aparece bien en explorer pero se m edescuadra en firefox le he experimentado de mucha sformas pero no lo consigo, d eante mano les agradezco la ayuda que me puedan y espero poder mas adelante devolverselas de la misma forma
http://bladeanimation.onlinewebshop.net/plantilla.html
aqui esta el html
<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
<h1>Historia oculta de la informatica</h1>
Desde el inicio del mundo de las computadoras existen varias subculturas alrededor de ellas. Dicen las viejas crónicas que en los 60's en los pasillos de las universidades se encontraba uno con dos grupos de jóvenes de cabello largo y jeans que querían cambiar al mundo, Los Hippies y los Geeks (el Geek es una subespecie del Nerd) los Hippies nos dejaron algunas canciones mientras que los Geeks crearon las hojas de calculo, los procesadores de palabras y el correo electrónico.... y cambiaron al mundo. Muy interesante cierto pues aqui va mas:</p>
Al mismo tiempo a los Geeks, había otro grupo de entusiastas que en lugar de enfrentarse a las maquinas con códigos y matemáticas usaban desarmadores y pinzas, esos eran los Hackers (el termino originalmente se refiere a alguien que hace muebles rústicos con hacha). Aunque estos dos términos se pueden confundir es importante saber que no es necesario ser Geek (o Nerd) para ser Hacker</p>
<h2>La Cyber Fauna</h2>
</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
aqui esta la hoja de estilos
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto}
#cabecera {background-color: white ; border-bottom: black 2px solid ; border-left: black 2px solid ; border-right: black 2px solid ; height:85px}
#logotipo {width: 130px ; float: left}
#logotipo a {background-color: white}
#publicidad {width: 670px ; float: right}
#navegacion {background-color: gray ; border-left: black 2px solid ; border-right: black 2px solid}
#contenido {background-color: orange ; width:auto ; float:left ; border: black 3px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 7px}
#menu {margin:3px 10px 3px 3px ; background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
#pie {background-color: white ; border-left: black 2px solid ; border-right: black 2px solid}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em ; color: blue ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin: 0px 150px 0px 0px}
h2 {font-size: 1.1em ; color: green ; font-weight: bold ; text-decoration: none ; text-align: left ; margin: 10px 0px 0px 0px}
http://bladeanimation.onlinewebshop.net/plantilla.html
aqui esta el html
<!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">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Historia oculta de la informatica</h1>
Desde el inicio del mundo de las computadoras existen varias subculturas alrededor de ellas. Dicen las viejas crónicas que en los 60's en los pasillos de las universidades se encontraba uno con dos grupos de jóvenes de cabello largo y jeans que querían cambiar al mundo, Los Hippies y los Geeks (el Geek es una subespecie del Nerd) los Hippies nos dejaron algunas canciones mientras que los Geeks crearon las hojas de calculo, los procesadores de palabras y el correo electrónico.... y cambiaron al mundo. Muy interesante cierto pues aqui va mas:</p>
Al mismo tiempo a los Geeks, había otro grupo de entusiastas que en lugar de enfrentarse a las maquinas con códigos y matemáticas usaban desarmadores y pinzas, esos eran los Hackers (el termino originalmente se refiere a alguien que hace muebles rústicos con hacha). Aunque estos dos términos se pueden confundir es importante saber que no es necesario ser Geek (o Nerd) para ser Hacker</p>
<h2>La Cyber Fauna</h2>
</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
aqui esta la hoja de estilos
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto}
#cabecera {background-color: white ; border-bottom: black 2px solid ; border-left: black 2px solid ; border-right: black 2px solid ; height:85px}
#logotipo {width: 130px ; float: left}
#logotipo a {background-color: white}
#publicidad {width: 670px ; float: right}
#navegacion {background-color: gray ; border-left: black 2px solid ; border-right: black 2px solid}
#contenido {background-color: orange ; width:auto ; float:left ; border: black 3px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 7px}
#menu {margin:3px 10px 3px 3px ; background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 12px ; overflow: hidden}
#pie {background-color: white ; border-left: black 2px solid ; border-right: black 2px solid}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em ; color: blue ; font-weight: bold ; text-decoration: underline ; text-align: center ; margin: 0px 150px 0px 0px}
h2 {font-size: 1.1em ; color: green ; font-weight: bold ; text-decoration: none ; text-align: left ; margin: 10px 0px 0px 0px}