Problema CSS y IE
Hola, estoy realizando prebas con CSS y tengo un problema, cuendo el html lo veo con mozilla se me ve perfecto, pero cuando lo miro con IE no se me ve.
He estado mirando y la verdad no se por que ocurre eso.
Muchas gracias
<code><DOCTYPE>
<html>
<head>
<title>MRP</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
border: none;
}
body {
font: 100% Georgia, serif;
background-color: #fefefe;
color: #333;
border: none;
}
p {
font-size: 14px;
line-height: 150%;
border: none;
}
h1 {
text-shadow: #000 1px 1px 2px;
border: none;
}
#container {
display: table;
height: 100%;
width: 100%;
margin: 0;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#content {
display: table-cell;
vertical-align: middle;
position: relative;
border: none;
background-color: #666666;
}
#inner {
border: 1px none;
margin: 0 auto;
padding: 0 20px;
}
/* \*/
* html #content {
top: 50%;
left: 0;
height: 1px;
}
* html #content #inner {
position: relative;
top: -50%;
visibility: hidden;
height: 50%;
}
.Estilo3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt;
}
</style>
</head>
<body>
<div>
<div>
<div>
<table>
<tr>
<td><div><img src="imagenes/logotipo.png" width="311" height="14"></div>
<div><span class="Estilo3"> </span></div></td>
<td><div><span class="Estilo3">Home | Soluciones | Clientes | Infraestructura | Contacto</span></div></td>
</tr>
<tr>
<td><span class="Estilo4"></span></td>
</tr>
<tr>
<td><p>&nbsp;</p></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</div>
</div>
<p>&nbsp;</p>
<div>
<div>
<h1><span class="Estilo1"></span></h1>
</div>
</div>
</div>
</body>
</html>
</code>
el codigo lo mire en CSSLab - Centrado Vertical con CSS
demssite
¿Pero cuál es el problema en concreto? El centrado vertical o ¿cuál?.
Si puedes pon un enlace para verlo, y si quieres un par de consejos pasa de las tablas y hazlo con posicionamiento CSS, a parte el doctype no lo tienes definido.
Un saludo.
Diego
eduardomorales
Con este html he conseguido que en mozilla se me centre tanto horizontal como verticalmente, pero en IE no se me ve, ese es el problema principal, luego otro problema es que mis conocimientos son justos posiblemente fallos claros a lo mejor no los veo.
La verdad que lo que yo quiero es centrar la tabla en el navegador y que se me vea perefectamente en IE y moxila.
Lo que no se es si la mejor forma es hacerlo en css, o hay forma rapida de centrar la tabla H y V sin CSS
demssite
Prueba esto, y un consejo no uses div para todo, si una cosa es un h1 es eso, no tiene que ir por narices en un div
<code><DOCTYPE>
<html>
<head>
<title>MRP</title>
<style>
#outer {
position: absolute;
left: 50%;
top: 0%;
width: 700px;
height: 400px;
margin-left: -350px; /* half of width */
margin-top: 0px;
background-color: transparent;
}
/* Ocultamos IEMac \*/
#outer {
top: 50%;
margin-top: -200px; /* half of height */
}
/* Fin Ocultacion */
#tabla {
height: 400px;
width: 700px;
border: 1px solid red;
}
}
</style>
</head>
<body>
<div>
<table>
<tr>
<td>
<td><div><span class="Estilo3">Home | Soluciones | Clientes | Infraestructura | Contacto</span></div></td>
</tr>
<tr>
<td><span class="Estilo4"></span></td>
</tr>
<tr>
<td><p>&nbsp;</p></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</div>
</body>
</html></code>
En el div principal ponle id="outer", que no salió en el código
eduardomorales
en el momento que llegue a casa lo miro, muchas gracias. ya te contare
Usuario desconocido
Yo si fuera tu el menú lo hacía con una lista. Yo pongo el div global en el medio poniéndo "auto" en izquierda y derecha y me va bien.
Espero que te sirva
eduardomorales
al final lo he conseguido arrglar sin css, mediante tablas, y a tomar por saco, mucahs gracias a todos por la ayuda