Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/05/2012, 04:27
gills
 
Fecha de Ingreso: mayo-2012
Mensajes: 3
Antigüedad: 12 años
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