El explorer 8, con la vista de compatibilidad seleccionada...

El 23 de marzo de 2011 12:27, abraham osorio <narka...@gmail.com> escribió:

> Lo acabo de probar en explorer 8 y se ven los bordes, no se que problema
> tienes.
> ¿que versión utilizas?
>
> El 23 de marzo de 2011 11:27, Gerardo Oscar Jimenez Tornos <
> gerardoosca...@gmail.com> escribió:
>
> > http://www.treeweb.es/ShareCode/e72e118f341f37e88037605c7f5b0985
> >
> > ¿Alguien puede probarlo en explorer?
> >
> > El 23 de marzo de 2011 11:02, Abraham <narka...@gmail.com> escribió:
> >
> > > Así a primera vista y sin probar el código te falta poner un espacio
> > entre
> > > solid y #666 del estilo border dado a .nav ul li.
> > > Pruebalo a ver si te sirve, yo ahora no lo puedo probar
> > >
> > > Un saludo y suerte
> > >
> > > Enviado desde mi iPhone
> > >
> > > El 23/03/2011, a las 10:49, Guiomar Valdés <guiom...@gmail.com>
> > escribió:
> > >
> > > > Hola a todos.
> > > > Tengo el siguiente problema, he puesto una lista con enlaces para
> hacer
> > > la
> > > > típica barra de cabecera, y a cada "li" le he dado un borde. En IE no
> > me
> > > > mustra los bordes de ninguna manera, y eso que ya he mirado si es un
> > tema
> > > > del ancho dado a cada "li".... Dejo el código y el CSS.
> > > > La parte que me da problemas es la caja llamada "nav".
> > > >
> > > > Muchas gracias.
> > > >
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > <div class="cabecera">
> > > >    <div class="contenido_cabecera">
> > > >      <div class="fila">
> > > >        <div class="col_izda"> <img src="images/logo.gif" alt="logo"/>
> > > > </div>
> > > >        <div class="col_dcha">
> > > >          <div class="inicio">
> > > >            <ul>
> > > >              <li> Inicio </li>
> > > >              <li> Contacto </li>
> > > >            </ul>
> > > >          </div>
> > > >          <div class="idiomas">
> > > >            <ul>
> > > >              <li> Castellano </li>
> > > >              <li> Catala </li>
> > > >              <li> English </li>
> > > >            </ul>
> > > >          </div>
> > > >          <div class="buscar">
> > > >            <fieldset>
> > > >              <label for="buscar">
> > > >                <input type="text"
> > > >    id="buscar" />
> > > >                Buscar </label>
> > > >            </fieldset>
> > > >            <img src="images/lupa.gif" alt="lupa" /> </div>
> > > >        </div>
> > > >      </div>
> > > >      <div class="nav">
> > > >        <ul>
> > > >          <li> <a href="#">Información Corporativa </a></li>
> > > >          <li> <a href="#">Productos </a></li>
> > > >          <li> <a href="#">Información Corporativa </a></li>
> > > >          <li> <a href="#">Financiar</a></li>
> > > >          <li> <a href="#">Información </a></li>
> > > >          <li> <a href="#">Información Corporativa </a></li>
> > > >          <li> <a href="#">Servicios </a></li>
> > > >        </ul>
> > > >      </div>
> > > >    </div>
> > > >  </div>
> > > >
> > > >
> > > >
> > > > ESTILOS
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > .cabecera {
> > > >       background-color: white;
> > > >    overflow: auto;
> > > >     width: 100%;
> > > >
> > > > }
> > > >
> > > >
> > > >
> > > >
> > > > .contenido_cabecera {
> > > >       margin: auto;
> > > >    width: 920px;
> > > >
> > > >
> > > >
> > > > }
> > > >
> > > > .cabecera ul li {
> > > >
> > > >    float:left;
> > > >    list-style:none;
> > > >    color:white;
> > > >    padding:5px;
> > > > }
> > > >
> > > >
> > > >
> > > >
> > > > .cabecera a {
> > > >    text-decoration:none;
> > > >
> > > >
> > > > }
> > > >
> > > >
> > > >
> > > > .nav {
> > > >    color:black;
> > > >      float: left;
> > > >        width: 100%;
> > > >        margin-top: 15px;
> > > >    display:block;
> > > > }
> > > >
> > > >
> > > > .nav ul {
> > > >
> > > >     margin: 0;
> > > >    padding: 0;
> > > >     width: 100%;
> > > >
> > > >
> > > > }
> > > >
> > > >
> > > >
> > > >
> > > >
> > > > .nav ul li {
> > > >
> > > >     border: 1px solid#666;
> > > >    font-size: 0.8em;
> > > >    text-align: center;
> > > >   display:block;
> > > >     float: left;
> > > >     padding:0px;
> > > >     margin:0px;
> > > > height: 30px;
> > > > width: 118px;
> > > >
> > > > }
> > > >
> > > >
> > > >
> > > > .fila {
> > > >
> > > >    width:100%;
> > > >    float:left;
> > > >
> > > > }
> > > >
> > > >
> > > > .col {
> > > >    float:left;
> > > >    width:33%;
> > > >        margin-top: 10px;
> > > >
> > > > }
> > > >
> > > > --
> > > > Guio
> > > > _______________________________________________
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Guiomar Valdés Menéndez

http://haceunalinea.blogspot.com/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a