Problema CSS en IE
DesconectadoHola, estoy haciendo una web y tengo un problema con un menu horizontal en IE, he intentado solucionarlo pero no encuentro la causa del problema. Hay una tabla con enlaces y cuando se produce un a:hover kiero que cambie el color del fondo de la celda pero el fondo del enlace no ocupa la totalidad de la celda, en otros navegadores si funciona. Alguna idea? gracias
<style type="text/css">
div.header{
background-color: #006699;
min-width: 1017px;
width: 1017px;
height: 390px;
background-image: url('http://sites.google.com/site/yinyongyiny/home/Banner01.jpg');
background-repeat: no-repeat;
margin-top: -10px!important;
margin-right:-20px!important;
margin-left:-20px!important;
margin-bottom:-20px!important;
position: relative;
}
table.menu{
position: relative;
bottom: -86%;
left: 25px;
border-collapse: collapse;
border: none;
}
table.navigation1{
background-color: #006699;
border-collapse: collapse;
border: none;
}
td.followus img{
border: none;
}
td.between-menu{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
width: 100px;
}
table.navigation2{
background-color: #006699;
border-collapse: collapse;
border: none;
}
td.unactive{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
}
td.active{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
}
td.unactive a{
padding: 10px 8px 10px 8px;
margin: 0px 0px 0px 0px;
background-color: white;
color: #1A87C6;
font-family:Trebuchet MS;
font-weight: bold;
font-size: 11pt;
text-transform: uppercase;
text-decoration: none;
border: none;
}
td.active a{
padding: 10px 8px 10px 8px;
margin: 0px 0px 0px 0px;
background-color: #006699;
font-family:Trebuchet MS;
font-weight: bold;
font-size: 11pt;
text-transform: uppercase;
text-decoration: none;
color: white;
border: none;
}
td.unactive a:hover{
padding: 10px 8px 10px 8px;
margin: 0px 0px 0px 0px;
background-color: #006699;
font-family:Trebuchet MS;
font-weight: bold;
font-size: 11pt;
text-transform: uppercase;
text-decoration: none;
color: white;
border: none;
}
td.topmenuleft{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
}
td.topmenuright{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
}
td.topmenuleft img{
border: none;
background-color: #006699;
}
td.topmenuright img{
border: none;
background-color: #006699;
}
</style>
<div class="header">
<table id="menu" class="menu">
<tr>
<td>
<table id="navigation1" class="navigation1">
<tr>
<td class="followus">
<a href="http://www.bebo.com/luccaleadership">
<img alt="beboicon" src="http://lh3.ggpht.com/_FtCkBBHqQIg/S_aDAKh4NvI/AAAAAAAAAXs/AlSOiWAQq-4/bebo-icon.gif" title="our bebo"/>
</a>
</td>
<td class="followus">
<a href="http://www.youtube.com/luccaleaders">
<img alt="youtubeicon" src="http://lh3.ggpht.com/_FtCkBBHqQIg/S_aCH7hdvPI/AAAAAAAAAXY/qvwGTq9SqjM/youtube-icon.gif" title="our youtube"/>
</a>
</td>
<td class="followus">
<a href="http://twitter.com/luccaleadership">
<img alt="twittericon" src="http://lh4.ggpht.com/_FtCkBBHqQIg/S_aCHzNm3qI/AAAAAAAAAXc/97f1D3kV9TQ/twitter-icon.gif" title="follow our twitter"/>
</a>
</td>
<td class="followus">
<a href="http://www.facebook.com/group.php?gid=2347593450">
<img alt="facebookicon" src="http://lh6.ggpht.com/_FtCkBBHqQIg/S_aDAYNucaI/AAAAAAAAAXw/lyogHTPbK0Q/facebook-icon.gif" title="our facebook" />
</a>
</td>
</tr>
</table>
</td>
<td class="between-menu">
</td>
<td>
<table id="navigation2" class="navigation2">
<tr>
<td class="topmenuleft">
<img alt="left" src="http://lh5.ggpht.com/_FtCkBBHqQIg/S_zhYqTqwQI/AAAAAAAAAYY/GT_ejy7YbOE/topmenu-left.gif" />
</td>
<td id="home" class="active">
<a href="javascript:" onclick="home()" >Home</a>
</td>
<td id="whoweare" class="unactive">
<a href="http://www.luccaleadership.org/globalwhoweare">Who we are</a>
</td>
<td id="whatwedo" class="unactive">
<a href="http://www.luccaleadership.org/globalwhatwedo" >What we do</a>
</td>
<td id="programs" class="unactive">
<a href="http://www.luccaleadership.org/globalprograms" >Programs</a>
</td>
<td id="community" class="unactive">
<a href="http://www.luccaleadership.org/globalcommunity" >Community</a>
</td>
<td id="contactus" class="unactive">
<a href="http://www.luccaleadership.org/globalcontactus" >contact us</a>
</td>
<td id="locations" class="unactive">
<a href="http://www.luccaleadership.org/globallocation" >locations</a>
</td>
<td class="topmenuright">
<img alt="right" src="http://lh6.ggpht.com/_FtCkBBHqQIg/S_zhY3eO89I/AAAAAAAAAYc/o1icqzTJUms/topmenu-right.gif" />
</td>
</tr>
</table>
<td>
<tr>
</table>
</div>
- Inicie sesión o regístrese para enviar comentarios
- 1382 lecturas
<script language="JavaScript"><!--
if (navigator.appName == "Microsoft Internet Explorer")
alert("Dejese de jorobar e instale un browser como la gente");
-->
</script>
Espero no lo tomes a mal, jeje
Y esto, ¿qué tiene que ver con Debian?
Bueno no es debian pero yo soy usuario de debian y confio mas en los usuarios de debian que en los de windows a la hora de preguntar sobre programación y respecto a lo de decirle a los usuarios que utilicen un navegador de verdad... que mas quisiera yo ojala su ordenador saliera ardiendo si utilizan IE pero si me lo piden y me pagan por ello...
Pues yo lo he probado en IE8 y funciona perfectamente
ok, yo he testeado en 6 y 7 y nada pero me parece que con lo que me has dixo me voy a olvidar del problema muchas gracias
Cuidado con lo de "kiero" y "dixo"
gracias
ok, yo he testeado en 6 y 7 y nada pero me parece que con lo que me has dixo me voy a olvidar del problema muchas gracias
en todo caso le puedes poner que actualizen su IE al 8.. ya que cnicolas dijo que funcionaba..
y le dices al que te pidio la pagina que el ie 6 y 7 estan fuera del juego XD...suele pasar..
salu2
en todo caso le puedes poner que actualizen su IE al 8.. ya que cnicolas dijo que funcionaba..
y le dices al que te pidio la pagina que el ie 6 y 7 estan fuera del juego XD...suele pasar..
Lo que pasa tristemente es que hoy por hoy, aún perdiendo lo que está perdiendo, tiene la mayor cuota de mercado. A mí personalmente me desquicia tener que meter siempre hacks en los estilos para IE6, IE7 e IE8. En principio IE9 cumplirá mejor los estándares web y por lo que he probado en la beta es más o menos cierto aunque aún no está en la versión final. Esperemos que no se una al grupo de los llamados "interpreto los estilos como me sale de los mismísimos".
Por cierto, ya veremos que haremos cuando desarrollemos en HTML 5 ya que no es necesario, en la mayoría de los casos, poner entrecomillados los atributos de las etiquetas.
Hombre, pues con sinceridad, estoy de acuerdo con sansatan, amén de que se ha planteado una cuestión sobre programación html, pero el problema lo presenta Internet Explorer. No sé, si lo hubieses enfocado de otra manera igualmente ni se cuestionaba su relación con Debian
Yo uso Windows y no se me ocurre realizar preguntas sobre Debian en technet.microsoft.com y no porque sus usuarios no den la talla precisamente.
Saludos
en todo caso le puedes poner que actualizen su IE al 8.. ya que cnicolas dijo que funcionaba..
y le dices al que te pidio la pagina que el ie 6 y 7 estan fuera del juego XD...suele pasar..
Lo que pasa tristemente es que hoy por hoy, aún perdiendo lo que está perdiendo, tiene la mayor cuota de mercado. A mí personalmente me desquicia tener que meter siempre hacks en los estilos para IE6, IE7 e IE8. En principio IE9 cumplirá mejor los estándares web y por lo que he probado en la beta es más o menos cierto aunque aún no está en la versión final. Esperemos que no se una al grupo de los llamados "interpreto los estilos como me sale de los mismísimos".
Por cierto, ya veremos que haremos cuando desarrollemos en HTML 5 ya que no es necesario, en la mayoría de los casos, poner entrecomillados los atributos de las etiquetas.
La llegada del HTML5 va a ser una revolución. Mucha gente va a tener que reciclarse, Muchos frameworks consolidados van a sufrir unos temblores que harán trizas los cimientos de muchos CRMs y Aplicaciones empaquetadas , el nuevo estándar saldra de ese desastre... Yo por si las moscas, me voy a alejar del AS3. (ese gran edificio sin manzanas - manazas a veces no los distingo), no vaya ser que me aplaste. ;-)