[SOLUCIONADO] Problema con div en iexplorer

[Capimaster]

tengo una lista con ul li

Código CSS:

<ul style="list-style:none; float:left; white-space: nowrap; position: relative;">
 

Código CSS:

<li style="list-style:none; float:left; white-space: nowrap; position: relative;">
 

despues del tercer li inserte una div...

Código CSS:

<div style="width:1100px; clear:both;"></div>
 

el problema es que internet explorer las primeras dos li no me las alinea como le indico si no que da un salto de linea entre cada uno... ya las li siguientes si me las acomoda como le indico...

lo mas raro es que en chrome si lo hace todo bien... alguien tiene idea de este problema???

Les paso el link para ke lo vean funcionando
http://www.elcapitolio.com.mx/evento...lugar=1ocotlan

[Bolverkr]

¿Podrías decirme qué Internet Explorer utilizas y qué error da exactamente? ¿No te alinea las imágenes?

[Capimaster]

es Internet Explorer 9 y asi es... no las alinea

[pitufoweb]

Hola,

No logre entender tu problema.

Podrías tomar una captura de pantalla e indicar donde esta el error.




Saludos

[Capimaster]

Con iexplorer me sale asi
http://imageshack.us/photo/my-images/546/iexplorer.jpg/


y con chrome me sale correcto... que seria asi...
http://imageshack.us/photo/my-images/593/chromeo.jpg/

[pitufoweb]

Hola,

Estoy viendo la pagina con IE9 y se ve bien.


No sera el problema con IE8?



Saludos

[Bolverkr]

Veamos, a mí me va bien en IE9...
No pongas en línea (usando el comando "style") el tamaño a 1100px porque puede ser problema de eso que te tire la página.

Como veo que es dos por fila, pon que los li que coinciden en la izquierda sean float:left y los que coincidan a la derecha sean float: right.

Después, haz que el contenido (el <ul>) mida lo que mide de anchura tu web en total.

Cada vez que pongas un li, añádele un class "clear" con estos parámetros nuevos para implementar:

.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}

Es decir, imaginemos algo así (no hagas caso a mis puestas en línea con style="" porque eso es mejor no hacerlo, ralentiza la web.

<ul style="width: ANCHURAXXX">
<li style="float: left;">
<div>CONTENIDO</div>
</li>
<li style="float: right;">
<div>CONTENIDO</div>
</li>
<div class="clear"></div>
<li style="float: left;">
<div>CONTENIDO</div>
</li>
<li style="float: right;">
<div>CONTENIDO</div>
</li>
<div class="clear"></div>
</ul>

De este modo, se te quedarán como esperas.

Espero que te sea de ayuda. Cualquier cosa vuelves a responder. Saludos.

[pitufoweb]

Bolverkr, los UL solo pueden contener LI, así que poner DIV's no seria valido. Ademas para para hacer el Clear hay otros métodos sin necesidad de agregar elementos innecesarios.




Saludos

[Capimaster]

Iniciado por pitufoweb

Bolverkr, los UL solo pueden contener LI, así que poner DIV's no seria valido. Ademas para para hacer el Clear hay otros métodos sin necesidad de agregar elementos innecesarios.




Saludos

yo tenia entendido esto... entonces esto muy probablemente sea el problema!!!
y como definitivamente tengo ke meter esa div ahi...
no se que se amas conveniente....
cerrar y volver a abrir el UL

en el intermedio en lugar de hacerlo div.... hacerlo li

que seria mas conveniente?

[pitufoweb]

Pero no entiendo porque que necesitas el div. Para que lo necesitas? Solo para hacer el Clear?



Saludos

[Capimaster]

nooo lo que pasa que en mi programacion tengo que despues de 2 li me inserte la div que contiene los anuncios...o bueno sea cual sea la forma
necesito meter los anuncios despues del segundo li

[pitufoweb]

Entiendo.


Yo te recomiendo cerrar y volver a abrir el UL, pero puedes hacerlo como tu prefieras.




Saludos

[Capimaster]

Lo solucione cambiando la div por li... Gracias!!