Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/10/2005, 07:03
matelo
 
Fecha de Ingreso: marzo-2004
Mensajes: 108
Antigüedad: 20 años, 1 mes
Puntos: 0
Problemas con IE

Realice una pagina web con CSS y Html, lo probe en los navegadores que tengo, Safari, Firefox, Opera y IE, En todos los navegadores se ve bien la pagina menos en IE. En el IE para mac, el menu que va en la parte negra se baja demasiado y no se ve ya que es blanco, y todo se desordena y se ve horrible. En el IE para pc, no se desordena mucho, pero se baja el menu y no se ve igualmente. Ahora con el Opera, el problema es que el link que dice "english" no sirve, se lee pero es como si no fuera link. No se que es lo que esta pasando, y agradecería toda la ayuda que me puedan dar.
El link es http://marcelodesign.atspace.com

bueno, por si acaso este es el codigo html:

<div id="header">
<h1 id="encabezado"><span></span></h1>
</div>


<div id="container">
<div id="menu2">
<a href="ingles/index2.html">english</a></div>
<div id="menu">
<ul id="menu1">
<li><a href="contacto.html">contacto </a></li>
<li><a href="servicios.html">servicios </a></li>
<li><a href="portafolio.html">portafolio </a></li>
<li><a href="vida.html">hoja de vida </a></li>
<li><a href="index.html">inicio </a></li>
</ul>
</div>
<div id="subtit">
<img src="images/subti/contac.gif"/></div>

y este es el codigo CSS

#menu {
width:100%;
position: relative;
top: -32px;
float: right;
}

#menu1 {
color: #fff;
font-size: 10px;

margin: 0;
}

#menu1 li {
list-style: none;
float: right;
width: 80px;
display: inline;
text-align: center;
padding: 0;
margin: 0px 2px 0px 0px;

}

#menu1 a {
color: #fff;
display: block;
font-weight: bold;
text-decoration: none;

}

#menu1 a:hover {
color: #fff;
font-weight: normal;
}

#menu1 a#current {
color: #006600;
}

#menu2{
float: left;
left: 143px;
position: relative;
top: -15px;
width: 50px;
z-index: 2;
}

#menu2 a{
font-size: 9pt;
font-weight: bolder;
letter-spacing: 1pt;
color: #f80;
z-index: 2;
}

#menu2 a:hover{
font-size: 9pt;
letter-spacing: 1pt;
color: #f80;
font-weight: normal;
z-index: 2;}

#subtit {
position: relative;
float: left;
clear: right;
left: 120px;
top: -10px;
z-index: 0;
}

Bueno son pedazos del código, justo donde estan los elementos que aprecen mal.