Foros del Web » Creando para Internet » CSS »

error de tablas en IE7

Estas en el tema de error de tablas en IE7 en el foro de CSS en Foros del Web. Hola, soy nuevo en el diseño web. He creado mi primera página escribiendo el código desde editor, para poder aprender a la par que creaba ...
  #1 (permalink)  
Antiguo 17/05/2012, 04:27
 
Fecha de Ingreso: mayo-2012
Mensajes: 3
Antigüedad: 9 años, 5 meses
Puntos: 0
error de tablas en IE7

Hola, soy nuevo en el diseño web. He creado mi primera página escribiendo el código desde editor, para poder aprender a la par que creaba la página.
Al grano, en Firefox, Chrome y IE8 la página se ve bien, a falta de algun retoque en el background.
En IE7, el menu horizantal de la cabecera de arriba a la derecha, salta de línea. Es un tabla de 3 columnas y en la tercera es donde está el menu. Me temo que el error es algun estilo de la tabla.
Gracias por adelantado. Se aceptan críticas, seguro que está todo hecho un lío.

Adjunto CSS:

[CODE]#tabla {

position:absolute;
background-color:#CC0000;
padding: 0px;
margin-right: 0px;
width:1280px;
border: 1px solid black;
}

#generacion {
font-family: Century Gothic, sans-serif;
padding: 10px;
font-size: 15px;
letter-spacing: 4px;
color: #fff;
background-color: #CC0000;
float: center;
margin-top:-5px;


}

#menuhorizontal{
width:480px;
padding:10px;
margin-bottom:0px;
margin-top:20px;


}

#button {
padding: 0px;
}

#button li {
display: inline;
padding: 0px;
}

#button li a {

font-family: Century Gothic, sans-serif;
font-size:14px; list-style-type:none;
text-decoration: none;
float:right;
padding: 17px; //separacion
background-color: #DC0000;
color: #fff;
}

#button li a:hover {
background-color: white;
color: black;
padding-bottom:14px;
}

#columna
{
position:absolute;
%2

Última edición por webosiris; 22/05/2012 a las 14:37
  #2 (permalink)  
Antiguo 17/05/2012, 04:44
 
Fecha de Ingreso: mayo-2012
Mensajes: 3
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: error de tablas en IE7

bueno parece que eso ya se ha solucionado, aunque no se bien como, iba tocando y zas!
El otro problema es que la columna de la izquierda #columna se monta unos píxeles sobre la cabecera, y solo pasa con el IE7.

Y por útilimo la galeria de imágenes de la cabecera, cuando pasas el cursor se amplia con hover, pero esto hace desplazar la tercera columna de la tabla y ya no regresa a su posición.

También solo con IE7

Gracias

Etiquetas: chrome, firefox, hover, ie7, tablas, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:31.