Espacio en blanco top html

JonYeste · #1 (**permalink**) 11/08/2009, 08:06

Buenas

En este misma sección he visto un tema parecido a este. Pero no es igual, lastima...

La cuestión es, tengo un espacio en blanco creo que de unos... 15px en la parte superior de la página respecto al resto del body.
Cuando visualizo la página en local (vamos, desde la carpeta donde la tengo guardada) ese espacio no aparece, en cambio, cuando la subo a Internet me aparece ese "maravilloso" espacio en blanco!

Aqui está el código, es una página simple de prueba:

Código HTML:

<html xmlns="w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
</head>

<body style="padding: 0px; margin: 0px">
<div style="margin: 0px; width: 100%; text-align: center;">

<table cellpadding="0" cellspacing="2" style="border: 2px solid #000000; width: 500px; height: 500px; text-align: center; margin-right: auto; margin-left: auto;">
<tr>
<td style="border: 2px solid #FF00FF; width: 100%; height: 100%;">

<img alt="" src="img.png" style="width: 80%; height: 80%;"/>

</td>
</tr>
</table>
</div>

</body>
</html>

Por cierto, creeis que todos estos datos como el width, el height, la alineación, los margenes, los bordes... debería introducirlos en un CSS? O dejarlos para que tomen el aire aqui en el html ?

Gracias pues...!

P.D: A lo mejor vosotros no veis espacio en blanco y es cosa de mi Pc...

visitante28 · #2 (**permalink**) 11/08/2009, 08:15

no amigo yo no encontre ningun espacio en blanco, sera el navegador que usas? yo uso IE y no salio ningun espacio.

saludos.

JonYeste · #3 (**permalink**) 11/08/2009, 08:18

Lo has probado en Internet, no? Es que, en el propio ordenador tampoco me sale.

Utilizo el FF y el IE, y en los dos me aparece el "majestuoso" espacio en blanco

Alguna idea más?

JonYeste · #4 (**permalink**) 11/08/2009, 12:13

Alguna idea?

Aqui está la página: squadxml.webs.com/web/pages/default.htm , por si os ayuda

En la parte superior hay un espacio en blanco... como podríamos eliminarlo, y que quede todo el contenido arriba?

Grazie

angarzafir · #5 (**permalink**) 11/08/2009, 12:21

Lo siento pero no veo ningun espacio en blanco.

JonYeste · #6 (**permalink**) 11/08/2009, 12:28

De acuerdo, gracias

Oh..., pues... que cosa tan rara...

Seguiré mirando... debe de estár ya viejo el Pc
Será eso... :P

alexk · #7 (**permalink**) 11/08/2009, 12:46

plica en tu css un reset comun

Código css:

Ver original*{margin:0;padding:0;}

y ya no debe pasar...
lo extraño es que ya lo declaras en tu body....

<body style="padding: 0px; margin: 0px;">
puede ser que haya sido que te falto el ";" pero nose prueba a ver chao y suerte!

PD: la URL que diste no anda...

visitante28 · #8 (**permalink**) 11/08/2009, 12:53

ya vi el espacio que que comentas..

lo que te falta es arreglar las propiedades del <div> con "position:absolute;" para que te ocupe el espacio que aparece en blanco.

espero esto te ayude de algo.

echale un ojo aki.

w w w .sidar.org/recur/desdi/mcss/manual/ejemplos/pos_abs.html

saludos.

JonYeste · #9 (**permalink**) 11/08/2009, 16:38

Vale, ya está!

Ya decía yo que mi código no estaba mal...

jijij

Resulta que en el servidor a donde lo subí (freewebs.com) que no os lo recomiendo para páginas webs me metió mano al código y me añadió unos signos raros antes de la etiqueta html. Por alguna razón eso hacía que se generará un espacio en blanco al principio de la página.

Aqui teneis:

Código:

ï»¿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w w w.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="w w w.w3.org/1999/xhtml">

<head>

He dado con ello, pues me temía que era algo del servidor. De hecho lo subí a otro, y no me pasaba eso.

De todos modos gracias por las respuestas, he aprendido algo más

P.D: ¿El <!doctype> se podría quitar o es algo significativo para la página web?
Molto grazie

Corneja · #10 (**permalink**) 12/08/2009, 00:44

Es doctype es significativo y si alguna vez quieres validar una web es imprescindible.

Consejo: Siempre que pongas margin y padding en su formato reducido no se especifica la unidad y cuando lo hagas en su formato largo si. P.e.

Código HTML:

margin: 0; <!--(no hace falta px)-->
padding: 0; <!--(no hace falta px)-->
paddign: 5px 10px 0px 0px; <!--(aquí si px)-->

Triby · #11 (**permalink**) 12/08/2009, 01:50

Corneja, solo una aclaracion, la unidad no es necesaria cuando el valor es cero, de lo contrario si debes especificarla, ejemplos:

Código css:

Ver originalmargin:0;
margin:5px;
margin:0 10px;
margin:0 5px 3px 0;
margin:1em 10pt 3px 0;

Para ver las unidades de medida disponibles: http://www.carlosleopoldo.com/post/u...medida-en-css/

Corneja · #12 (**permalink**) 13/08/2009, 00:08

Toda la razón, de hecho si te das cuenta los ejemplos si los puse bien

Triby · #13 (**permalink**) 13/08/2009, 00:53

Cita:

Iniciado por Corneja

...margin y padding en su formato reducido no se especifica la unidad...

Si, los ejemplos estan bien, solo la afirmacion es la que no.

Edite mi mensaje anterior para agregar el ejemplo de margin:5px; que es formato reducido (aplicable a los 4 bordes) y, por no ser cero, debe especificarse la unidad de medida deseada.