Problema posición!

[samy4ever]

Hola!

Tengo un problema a ver si me podeis ayudar, que me estoy haciendo la picha un lío.

http://tecnotor.com/ -> click en productos y maquinaria.

Si os fijais, en maquinaria (aunque supongo que en productos también aunque no se ve), la lista se me va de la caja de la web. Me pasa en FF/Chrome, y me va bien en IE (qué raro!)

Me estoy haciendo una picha un lío, que posición tengo que poner para lograr que mi caja se meta en el subcontainer que le toca? Digamos que el div maquinaria2, debería estar con el fondo negro...

No acabo de verlo, llevo varias pruebas y no me va, me podeis echar una mano?


Otra cosa aparte, las imágenes que van rotando en FF/Chrome van genial, pero en IE me aslen unos márgenes horribles... Podríais indicarme por dónde debo tirar para solucionar esto?

Muchísimas gracias!

[willyfc]

eso pasa cuando el contenedor del texto( que creo que es subContainer), o no tiene alto o lo tiene fijo, prueba de esta manera:

Código HTML:

.subContainer{min-height:300px;height:auto!important;height:300px;overflow:auto}

aclaro que no estoy seguro de si es ese el contenedor de texto.Si no lo fuera coloca eso al que si lo es.

[kseso?]

creo que debes añadir a #container la propiedad "overflow:auto"
También consigues lo mismo si se lo añades a #subContainer
Pero no he visto posibles efectos secundarios no deseados en otras páginas.

Sobre la segunda cuestión (bordes colereados en las imágenes):
eso lo controla la propiedad "outline: none", por lo que te estaría bien añadir un pequeño reset al inicio de tu css:

* {
outline: none;;
}

Un saludo

[samy4ever]

Hola chicos!

Muchas gracias! La clave ha sido el overflow:auto, ya está solucionado, lo he puesto en subcontainer.

Sobre los bordes, he puesto el reset en la CSS como me has dicho pero IE sigue poniendo un marco horrible y feo (FF y Chrome no), que más podría ser?

Gracias chicos!

[willyfc]

tal vez funciones haciendo un reset al tag img

Código:

img{border:0}

otra cosa, son solo sugerencias, pero no da muy buen aspecto que en tu menú principal coloques un texto sencillo y al poner el cursor encima tenga bold ya que da la impresión de que se deforma, por cuestión de accesibilidad te sugiero en los vínculos usar los demás atributos ya que veo que no hay navegación por teclado en tu menú:

Código:

#options ul li a{
	color: silver;
	cursor: url(./cursor.cur);
}

#options ul li a:hover{
	color: white;
	font-weight: bold;
}

sugiero añadir:

Código:

#options ul li a:focus,#options ul li a:active{
	color: white;
	font-weight: bold;
}

como te digo son solo sugerencias.