Fallo con diseño de taringa

[luisgzafra]

Hola, estoy queriendo poner el diseño de taringa a www.arestaringa.com pero lo que conseguí, me pone una capa gris de unos 5px en la parte superior, ¿De donde sale esa capa?

No se por que me aparece, se puede ver en http://arestaringa.com/c.php?mod=mobile


¿Qué creen que puede pasarle?

[IsaBelM]

añade esto al reset

* {
margin: 0;
padding: 0;
border: none;
position: relative;
}

[luisgzafra]

Lo añadí y quedó así:

Código CSS:

/* reset.css */
    html {
margin:0;
padding:0;
 
border: none;
position: relative;
}
    body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Helvetica;vertical-align:baseline;}
    article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
    body {line-height:1.5;background:#;}
    table {border-collapse:separate;border-spacing:0;}
    caption, th, td {text-align:left;font-weight:normal;float:none !important;}
    table, th, td {vertical-align:middle;}
    blockquote:before, blockquote:after, q:before, q:after {content:'';}
    blockquote, q {quotes:"" "";}
    a img {border:none;}
    #emoticons a img {left:0;}
    #emoticons {height:16px; margin:10px 0;}
    :focus {outline:0;}
 

Pero sigue saliendo ese espacio arriba

[IsaBelM]

fíjate que yo usé el selector universal (*) no html ni body

[emprear]

AplicaWeb:

En primer lugar arregla tu xhtml, que es un caos y está plagado de errores.
En segundo, ese espacio en blanco te lo está generando el ByteOrderMark, más conocido como BOM de utf-8, tu documento se inicia con esto...

 

Leete
http://foros.emprear.com/codificar

Saludos

[IsaBelM]

Iniciado por emprear

En segundo, ese espacio en blanco te lo está generando el ByteOrderMark, más conocido como BOM de utf-8, tu documento se inicia con esto...

definitivamente, voy a tener que dejar de usar la consola firebug y pasarme a la de chrome

[emprear]

En realidad para eso, no hace falta ninguna consola, desde Firefox
Menu ver/codificacion/iso-8859-1, si la página esta declarada como utf-8, y tiene el BOM, se va a visualizar

y en cuanto a herramientas, mis preferidas

FF + WebDeveloper (http://chrispederick.com/work/web-developer/) + Html Validator (http://users.skynet.be/mgueury/mozilla/)

Saludos

[IsaBelM]

Iniciado por emprear

En realidad para eso, no hace falta ninguna consola, desde Firefox
Menu ver/codificacion/iso-8859-1, si la página esta declarada como utf-8, y tiene el BOM, se va a visualizar

no lo decía por saber la codificación que tenía declarada, sino por que mientras que con firebug sólo se ven unos espacios en blanco (que pueden haber sido dejados por el desarrollador) en chrome se ven los caracteres

gracias por esos dos vínculos. pero como la consola la uso mayormente para validar javascript y ajax, empezaré a probar la de chrome, a ver que tal