Entrar

Igual en IE y Firefox

nosabernada · · Solicitar retirada
nosabernada escribió:Hola,

pon tus codigos html y css...
pero decirte que yo en firefox la veo perfectamente


nosaber
Yaneth · · Solicitar retirada
hola
tienes algunos errores,
para empezar te sosbra un cierre de font, en el menu lateral
y, creo que debes eliminar todos esos font y cambiarlos por estilos en el css,

mira aqui
el cierre de div va asi
</div>
Enlace 4
</div id>

lo mismo en el menu 2
aqui


saludos
te falto abrir la tabla
y ese cierre de "a"???? por que esta ahi???

aqui
<ul><h1>Webs Afiliadas</h1>li><a hr

primero debes poner el titulo y luego empezar el ul para las listas
igual aqui
<div id="menu2"><ul><h1>Cursos Gratis</h1>




  • <div id="publicidad"><h1>-Espacio para publicidad-</h1>
    <tr>
    <td></td>
    </tr>
    </table>
    <tr>
    <td></td>
    </tr>
    </table></a></div>
    </div>
    <div id="navegacion">

    y te falta el cierre del div pie


    saludos
    • elmenda · · Solicitar retirada
    Gracias yaneht.

    Lo del cierre pie creo que esta despues de la curva-inferior no? Si no es eso lo cierro ya mismo.

    He echo mas o menos lo que he entendido pero nada, la imagen del pintor por ejemplo en Firefox se me ve abajo de los parrafos, mientras que en IE s eve como se tiene que ver, la curva-superior en FireFox se ve bien mientras que en IE se ve separada.
    Me estoy volviendo looocoooo.

    Muchas gracias por vuestra paciencia. Aqui va mi Html:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="shortcut icon" href="http:BROCHA.ico">
<title>TrucosDecor-Salu</title>
<link rel="stylesheet" href="estilosdos.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="transmenuC.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/logodecor.bmp[/img][/url]</div>
<div id="publicidad"><h1>-Espacio para publicidad-</h1>
</div>
</div id>
<div id="navegacion">
<font face="arial" size=2><ul>[*][url="#"]Paredes y Techos[/url][*][url="#"]Azulejos[/url][*][url="#"]Suelos[/url][*][url="#"]Fotos[/url][*][email="[correo eliminado]"]Contacto[/email][*][url="http://boards5.melodysoft.com/app?ID=forotrucosdecor"]Foro[/url][/list]</font></div>

<div id="contenido"> 
<div id="menu">
<h1>Webs Afiliadas</h1><font face="arial" size="-2"><ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url][/list]
</font></div id>

<div id="menu2"><h1>Cursos Gratis</h1><font face="arial" size="-2"><ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url][/list]</div id>

<div id="menu3"><h1>Publicidad</h1>[url="index.html"][img]objetos/logodecor.bmp[/img][/url]</div id>

<font face="arial unicode ms" size="-1"><h1>Bienvenidos a TrucosDecor-Salu</h1>

</br>[img]objetos/pintor2.bmp[/img]


Bienvenidos todos y todas a TrucosDecor-Salu. Aqui encontrareis información sobre todo lo
relacionado con la pintura y albañilería de un hogar dentro de los campos: Paredes y Techos, 
Azulejos para baños, cocinas y exterior, y sobre todo tipo de Suelos.</p>


</p>


En la sección Fotos podeis ver fotos tanto de otras páginas como de otros usuarios
de esta Web. Si deseas insertar una foto no dudes en enviárnosla por e-mail en la sección
[email="[correo eliminado]"]Contacto[/email]</p>


</p>


Para cualquier duda o consulta no dudes en entar a nuestro [url="http://boards5.melodysoft.com/app?ID=forotrucosdecor"]Foro[/url]</p>


</p>


Si encuentras algún error en la página envíanos un [email="[correo eliminado]"]e-mail[/email] e intentaremos solucionarlo
lo antes posible, asi como si ves algún contenido tanto en la Web como en el <a href="http://boards5.melodysoft.com/app?ID=forotrucosdecor">
Foro</a> fuera de
contexto.


</p>


Te agradecemos la visita y esperamos verte a menudo. Gracias.</p>
</p>
 
</br>
</br>
</br>
</br>
</br></font></div id>

<div id="pie">
<div id="pieuno"><ul>[*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url][/list]</div>
<div id="piedos">[img]decoracion-logo-inferior.jpg[/img]</a></div>
<div id="pietres"><ul>[*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url][/list]</div>

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

    Y aqui mi .css:

    *{text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: left}
h1 {font-size: 1.2em; color:black ; 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 ; heigth: 12px ; margin: 0px 0px -8px 0px ; padding: 20px 0px 0px 0px}
#cabecera {background-color: #FFFF83 ; border-left: black 1px solid ; border-right: black 1px solid ; height: 85px}
#logotipo {width:280px ; float:left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white}
#logotipo a:active {}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: #FFFFCC ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left: 110px}
#contenido {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 3px 10px 3px 10px ; text-indent:0px}

#menu {font-face: arial ; size: -10px ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior2.gif) ; background-position: bottom ; padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 8px 4px 6px ; font-size: 10px}
#menu h1 {text-decoration:none ; font-size:14px ; background-image: url(objetos/menu-curva-superior2.gif) ; padding-top:12px}

#menu2 {font-face: arial ; size: -10px ; width: 150px ; clear:left ; float:left ; text-align:left ; margin:1px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior2.gif) ; background-position: bottom ; padding-bottom:5px}
#menu2 li {list-style:none ; margin: 4px 8px 4px 6px ; font-size: 10px}
#menu2 h1 {text-decoration:none ; font-size:14px ; background-image: url(objetos/menu-curva-superior2.gif) ; padding-top:12px}

#menu3 {font-face: arial ; width: 150px ; clear:left ; float:left ; text-align:center ; margin:1px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior2.gif) ; background-position: bottom ; padding-bottom:5px}
#menu3 li {list-style:none ; margin: 4px 8px 4px 6px ; font-size: 10px}
#menu3 h1 {text-decoration:none ; font-size:14px ; background-image: url(objetos/menu-curva-superior2.gif) ; padding-top:12px}

#pie {background-color: #FFFF83 ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; margin: 0px 0px -10px 0px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px }
#piedos {background-image: url(decoracion-logo-inferior.jpg) ; background-repeat: no-repeat ; width:350px ; heigth: 75px ; float:left ; width:498px}
#pietres {float:left ; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior2.GIF) ; background-repeat: no-repeat ; width:800px ; heigth: 12px ; overflow: hidden ;  padding: 0px 0px 12px 0px}
a {color: #330066 ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:blue ; text-decoration:underline ; background-color: white}
a:active {}
#pie a {color: black ; text-decoration:none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:blue ; text-decoration:underline ; background-color: #FFFF83}
#pie a:active {color:black}
    Yaneth · · Solicitar retirada
    hola

    tienes algunos </div id> por arreglar
    el cierre de pie, va antes de la curva inferior

    cuanto margen es esto???

    #pie {background-color: #FFFF83 ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; margin: 0px 0px -10px 0px}

    o que medida de letra esta?
    #menu {font-face: arial ; size: -10px

    la verdad, yo no he usado numers negativos, por lo mismo... no se a que te refieres

    a pie, te falta ponerle el alto, el cual debe ser igual o un poco mayor a la imagen que tienes dentro

    lo checas y nos avisas

    saludos
    elmenda · · Solicitar retirada
    Pues los numeros negativos es para que se vea mas pequeño, por que no se porque razon si no lo pongo se ve demasiado grande o demasiado separado para como lo quiero poner.

    Creo que voy a desistir de esto. Lo veo demasiado complicado ya.
    Miro el codigo que tengo y me mareo. Será que no es lo mio, jeje.

    De todas maneras gracias Yaneth. Y gracias a todos los que nos aguantais con paciencia, que es mucha, jeje.

    Un saludo.
    elmenda · · Solicitar retirada
    Hola de nuevo Yaneth.

    He estado pensando y no quiero desistir de hacer la página. La cogí con mucha ilusión y me encantaría terminarla. Puedo disponer de tu ayuda? Recordarte que soy un patán para esto y necesitarás paciencia. Te atreves? jeje. Solo necesito que me digas que borro y que pongo directamente, tanto en html como en css para que se vea bien en todos los exploradores. Y como ordeno todo este código que parece yo que se que...
    Tengo un desbarajuste de codigo que me pierdo.

    Agradecidisimo de antemano Yaneth. Un saludo.
    Yaneth · · Solicitar retirada
    siempre es un placer para mi ayudar
    y cuando no estoy aqui
    siempre hay alguien mas

    asi que... animo!! esto es divertido!!!

    ya hiciste los cambios que te dije????
    elmenda · · Solicitar retirada
    Mil gracias Yaneth.

    Pues creo que esta todo, menos lo de los signos negativos, no se como quitarlos y que se siga viendo bien. Gracias por ayudar a este pobre perdido de la vida, jejeje.

    Un saludo grande.
    Yaneth · · Solicitar retirada
    hola

    aqui
    quitale ese margen en negativo, dejalo en 0, y ponle una altura

    #pie {background-color: #FFFF83 ; border-top: black 1px solid ; border-left: black 1px solid ; border-right: black 1px solid ; margin: 0px 0px -10px 0px}

    agregale mas texto a la capa contenido
    o bien unos dos saltos de linea mas

    yyyy
    no has cerrado el div global

    saludos
    elmenda · · Solicitar retirada
    Gracias por responder Yaneth.

    Creo que esta echo, le quite el signo negativo, lo deje en cero y le puse un "heigth 75". Le di 2 saltos de linea.
    Justo antes del </body> le puse un </div id>.

    Esta bien?

    Mil gracias, un saludo.
    elmenda · · Solicitar retirada
    Hi Yaneth.

    Que tal, como va todo?. Mira lo he intentado solo pero soy incapaz, le quite algun que otro simbolo negativo, ahora en firefox no s eve la ciurva-superior. el pie se ve fatal, en IE6 se ve separada la curva y el pie igual. Nu se que mas hacer, las imagenes que pongo en contenido en IE se ven en su sitio pero en firefox se ven abajo, lo he intentado con un div pero se ve igual, que puedo hacer?

    Graaaciiiaaasssss, un saludo, cuidate.
    Yaneth · · Solicitar retirada
    hola

    checa tu css
    linea por linea

    y busca las alturas

    pusiste asi

    heigth

    y debe ser asi

    height

    cambia todos los equivocados, lo subes y nos avisas de nuevo para seguir checando ok?

    saludos
    elmenda · · Solicitar retirada
    Hola Yaneth.

    ¬¬ efectivamente habia 4 heigth, jeje, ya lo he modificado por height. Seguro habra mil fallos.

    Sigo tus ordenes. Saludos.