Veo mal la web en SAFARI y otros, pero bien en IE

Hola,

Les dejo la pagina, la primera pantalla se ve bien, pero al ingresar, se ve muuuuy mal.

www.socssa.com.ar

Uso Safari por lo general... prueben y diganme que puedo mejorar.

saludos y gracias por todo
MMM
yo uso opera

pega una captura de como lo vez, y como deberia de verse

saludos
hay un monton de fallos

tratarè de traducirlos
en html aqui

<body>
<body bgcolor="#ffffff" TEXT="#000000" link="#0000cd" vlink="#0000cd" alink="#ff0000" onLoad="autoImgFlip();">

tienes abiertos 2 bodys
luego sigue un logo

<div id="logo">
[contenido no disponible]
</div>

#logo {text-align: right ; float: right ; margin: 0px 18px 3px 20px ;
border-style: none }

pero no le has puesto altura al div logo, debes ponerle lo que mide la imagen, teniendo en cuenta los margenes

luego un div id info, el cual contiene un menu
yo lo que haria con estos dos, es... meterlos dentro de una div para controlarlos, asi no se me van a su antojo


asi en css
#logo-info {width:860px; height:95px; }

#logo {text-align: right ; float: right ; margin: 0px 18px 3px 20px ;
border-style: none; width:119px; height:69px; float:right }
#info { width:300px ; margin:35px 0px 0px 0px; float: left ; text-align: left}
#info li {list-style:none ; text-align:left ; float:left ; margin: 25px 5px 0px 5px }
a.simple {font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-style: italic;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.3em;color:white ;background-color: none ; text-decoration: none}

y en html
<div id="logo-info">
<div id="logo">
[contenido no disponible]
</div>

<div id="info">
<ul>
  • Quienes somos
  • Contacto
  • Noticias

    </div id>


    </div>


    luego... el encabezado el cual contiene la imagen que cambia
    tienes esto en el css... pero primero... no debes separar la cantidad del modo asi 70 px, debe ser asi 70px

    #encabezado {height: 70 px ; text-align: center ; margin:0px 30px 0px 30px }

    y tienes esto en html
    <div id="encabezado">
    [contenido no disponible]
    </div id>

    aqui... el detalle es que le pusiste 70 de altura en el css, pero la imagen no mide eso.... verdad??? la imagen mide 100 de alto por 800 de ancho, entonces.. debes especificarlo en el css
    recuerda sumarle tambien los margenes que pusiste ok?

    y re falta agregarle float left al div cuerpo

    has los cambios y revisa bien el css
    tienes algunas cantidades sin px

    cuando lo subas, nos avisas para darle una checada
    saludos
  • Muchas gracias

    Intentare aplicar todo lo sugerido.

    He modificado algunas cosas y va quedando bien!

    Despues les muestro los resultados finales!