Contacto | #php_para_torpes | Enlázanos | ¿Quiénes somos?
25 usuarios Online (1)

Usuarios (1)

  1. logout
x Cerrar
Darse de alta en la web | Recuperar password   
Inicio / Foros / HTML + XHTML / alineación vertical centrada indeseada en IE7
3 respuestas recibidas | 279 visitas | Categoría HTML + XHTML

alineación vertical centrada indeseada en IE7

Avatar de jurena
Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5

(Nivel 5 - 729 posts)

#0 Offline jurena Usuario 19 feb 08 (10:17)  
Amigos,
en realidad no sé si el problema se debe al html o al css, pero es posible que vosotros con un primer vistazo os hagáis una idea, o a alguno le haya ocurrido lo mismo. En la página web en la que colaboro, se produce una alineación centrada vertical indeseada en IE7. En Mozilla se ve bien. Os pongo un ejemplo muy claro, un selector que ocupa una sola línea y que aparece centrado en IE7, pero podéis verlo bien en Mozilla.
http://www.dicciomed.es/php/diccio.php?estadistica=mes
Sé que no os estoy dando casi ninguna información. Esta tarde (ahora no los tengo) intentaré haceros llegar datos de las páginas, uso de tablas, css, etc., si es que con esto que os he dado no es suficiente.
Gracias de antemano.

EDITO para corregir el título, pues puse alineación horizontal y, como habéis podido ver, se trata de alineación vertical.

algunos datos más

Avatar de jurena
Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5

(Nivel 5 - 729 posts)

#1 Offline jurena Usuario 19 feb 08 (17:43)  
Amigos,
estos son los datos que he podido sacar del archivo header, de los archivos html y del archivo CSS. Se trata de los comienzos.
Imagino que no serán pocos los problemas: aceptaré cualquier sugerencia, tenga o no que ver con el problema concreto.
en el header
</head>
<body style="font-family:Tahoma; font-size:16px; background-color:#000000; background-image:url(images/background.png); background-repeat:repeat-x;background-color:#FF0000;">
<table width='1000px' align="center">

<tr>
<td width="250px" valign="bottom">


en un archivo html
<HTML>
<head>
<td style= "padding-top:20px;" valign="top">
<table width="100%" valign = "top">

en otro archivo html
<td style= "padding-top:50px;" valign="top"> <table width="100%" class="tabla_palabra" valign="top">


Algo del archivo CSS
body{
font-family:Tahoma;
font-size:16px;
background-color:#000000;
background-image:url(images/background.png);
background-repeat:repeat-x;
background-color:#FF0000;
}
.cabecera{
margin-top:0px;
padding-top:0px;
height:60px;}
.tablappal{
background-color:#FFFFFF;
background-color:#e4ecec;
border-style:none;
vertical-align:top;
}
td.lateral{
border-color:#999999;
border-width:2px;
border-style:solid;
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:5px;}
table.listado{
margin-top:20px;}

Re: alineación vertical centrada indeseada en IE7

Avatar de krowork
Nivel 3 Nivel 3 Nivel 3 Nivel 3 Nivel 3 Nivel 3 Nivel 3

(Nivel 3 - 199 posts)

#2 Offline krowork Usuario 20 feb 08 (18:48) Valor Valor  
Hola jurena,

Bueno no se si tendrá algo que ver (lo más probable es que sí), pero el HTML validator del firefox me ha detectado los siguientes problemas en el html

line 11 column 1 - Warning: <script> isn't allowed in <table> elements
line 9 column 1 - Info: <table> previously mentioned
line 15 column 1 - Warning: <script> isn't allowed in <table> elements
line 9 column 1 - Info: <table> previously mentioned
line 78 column 6 - Warning: missing <td>
line 79 column 3 - Warning: missing <tr>
line 92 column 5 - Warning: <form> isn't allowed in <table> elements
line 91 column 3 - Info: <table> previously mentioned
line 92 column 5 - Warning: missing </form> before <tr>
line 101 column 9 - Warning: <input> element not empty or not closed
line 102 column 9 - Warning: <input> element not empty or not closed
line 177 column 80 - Warning: unescaped & or unknown entity "&start"
line 177 column 88 - Warning: unescaped & or unknown entity "&ord_tip"
line 191 column 47 - Warning: unescaped & or unknown entity "&ord_est"
line 191 column 67 - Warning: unescaped & or unknown entity "&ord_tip"
line 202 column 3 - Warning: missing <tr>
line 202 column 3 - Warning: discarding unexpected <table>
line 203 column 5 - Warning: missing <td>
line 203 column 5 - Warning: missing </form> before <tr>
line 204 column 5 - Warning: inserting implicit <table>
line 211 column 52 - Warning: <br> element not empty or not closed
line 212 column 1 - Warning: <input> element not empty or not closed
line 213 column 9 - Warning: <input> element not empty or not closed
line 217 column 48 - Warning: <br> element not empty or not closed
line 229 column 10 - Warning: missing <td>
line 237 column 8 - Warning: <img> element not empty or not closed
line 241 column 5 - Error: discarding unexpected </form>
line 203 column 5 - Warning: missing </form>
line 246 column 3 - Warning: <script> isn't allowed in <tr> elements
line 202 column 3 - Info: <tr> previously mentioned
line 248 column 1 - Warning: <script> isn't allowed in <tr> elements
line 202 column 3 - Info: <tr> previously mentioned
line 398 column 11 - Warning: <html> isn't allowed in <tr> elements
line 260 column 2 - Info: <tr> previously mentioned
line 399 column 1 - Warning: <head> isn't allowed in <tr> elements
line 260 column 2 - Info: <tr> previously mentioned
line 74 column 1 - Warning: missing </table>
line 9 column 1 - Warning: <table> attribute "width" has invalid value "1000px"
line 22 column 2 - Warning: <td> attribute "width" has invalid value "250px"
line 50 column 3 - Warning: <td> attribute "width" has invalid value "250px"
line 74 column 1 - Warning: <table> attribute "width" has invalid value "1000px"
line 79 column 3 - Warning: <td> attribute "width" has invalid value "250px"
line 203 column 5 - Warning: <form> anchor "busqueda" already defined
line 237 column 8 - Warning: <img> proprietary attribute "nosave"
line 401 column 4 - Warning: <table> proprietary attribute "valign"
line 407 column 7 - Warning: <form> attribute value "POST" must be lower case for XHTML
line 82 column 9 - Warning: trimming empty <div>
line 88 column 9 - Warning: trimming empty <div>
line 97 column 9 - Warning: trimming empty <div>
line 113 column 30 - Warning: trimming empty <div>
line 122 column 9 - Warning: trimming empty <div>
line 134 column 9 - Warning: trimming empty <div>
line 143 column 9 - Warning: trimming empty <div>
line 158 column 9 - Warning: trimming empty <div>
line 167 column 9 - Warning: trimming empty <div>
line 180 column 9 - Warning: trimming empty <div>
line 188 column 9 - Warning: trimming empty <div>
line 196 column 9 - Warning: trimming empty <div>
line 208 column 9 - Warning: trimming empty <div>
line 220 column 8 - Warning: trimming empty <div>
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
Info: Document content looks like HTML Proprietary

Si te fijas en algunos casos tb indica las acciones que toma para intentar corregirlo, esto tb lo hace el explorer internamente pero puede tomar otras acciones distintas para corregirlo resultando una estructura html distinta a la del firefox y por tanto una presentación distinta.

Un saludo

http://krowork.blogspot.com

echaré un vistazo

Avatar de jurena
Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5 Nivel 5

(Nivel 5 - 729 posts)

#3 Offline jurena Usuario 20 feb 08 (19:21)  
Hola krowork,
gracias por la información. No se me ocurrió pensar siquiera que el validator de FireFox podría ayudarme, pues pensé que el problema estaría en IE7, ya que FireFox presentaba el texto bien, pero parece que lo que hace es corregir el problema, algo que no hace igual en este caso IE7. Voy a echar un vistazo a ver si doy con la tecla. Yo no lo programé y no sé si seré capaz de averiguar cuál es la respuesta al problema, pero esto me ha servido de buena orientación. Gracias, krowork.

Responder mensaje

Para poder participar debes estar registrado e identificado. Si no estás registrado como usuario de PHP-Hispano, :: Registrar ::
Login / Password   

Web alojada en Zilos

php-hispano.net 2002 - 2008 | XHTML 1.0
Datos Legales | Webmaster