Cita:
Iniciado por pzin Pues si obtienes resultados distintos obviamente donde no funciona algo hay mal.
Inspecciona con el elemento con el navegador o firebug, a ver si no hay otra clase interfiriendo, o el elemento no tiene altura, o alguna otra cosa. O si no pasa el enlace si lo tienes subido.
Eso estoy observando ahora mismo, pero es que no tengo nada más, quiero decir sólo tengo el body como contenido...y si le pongo 100% de ancho y alto nada, no se lo traga
Viendolo en firebug, me saca el radial gradient como aceptado (sin fallo ni nada) y me muestra el color pero el body sigue igual...en blanco :S :( .
Os pongo el código a ver: como es formato wordpres os pongo header / index / footer
Header:
Código PHP:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
<?php if ( is_home() ) { ?><?php bloginfo('name'); ?> | <?php bloginfo('description'); ?><?php } ?>
<?php if ( is_author() ) { ?><?php bloginfo('name'); ?> | Archivo por autor<?php } ?>
<?php if ( is_single() ) { ?><?php wp_title(''); ?> | <?php wp_title(''); ?><?php } ?>
<?php if ( is_page() ) { ?><?php bloginfo('name'); ?> | <?php wp_title(''); ?><?php } ?>
<?php if ( is_category() ) { ?><?php bloginfo('name'); ?> | Archivo por Categoria | <?php single_cat_title(); ?><?php } ?>
<?php if ( is_month() ) { ?><?php bloginfo('name'); ?> | Archivo por Mes | <?php the_time('F'); ?><?php } ?>
<?php if ( is_search() ) { ?><?php bloginfo('name'); ?> | Resultados<?php } ?>
<?php if (function_exists('is_tag')) { if ( is_tag
() ) { ?><?php bloginfo
('name'); ?> | Archivo por Tag |
<?php single_tag_title
("", true); } } ?> </title>
<?php wp_head(); ?>
<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'/>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript">
$(document).ready(function(){
$("a.enlazamenu").click(function(){
var link = $(this);
var anchor = link.attr('href');
//busco el id..
var idBloque = anchor.split("#");
var bloque = '#'+idBloque[1];
$('html, body').stop().animate({
scrollTop: $(bloque).offset().top
}, 1100);
});
});
</script>
</head>
<body>
- index
Código PHP:
Ver original<?php get_header();?>
<header id="cabecera">
<section class="cabecera-intro" id="cabecera-intro">
asdfasdfasfads
</section>
</header>
<?php get_footer(); ?>
- footer
Y el css es tal cual este:
Código CSS:
Ver original/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
ol{list-style: none;}
a{text-decoration: none;color:#FFF;}
body{
width:100%;height:100%;
/* IE10 Consumer Preview */
background-image: -ms-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #00A3EF 100%);
/* Mozilla Firefox */
background-image: -moz-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #00A3EF 100%);
/* Opera */
background-image: -o-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #00A3EF 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
/* Webkit (Chrome 11+) */
background-image: -webkit-radial-gradient(center, circle closest-corner, #FFFFFF 0%, #00A3EF 100%);
/* W3C Markup, IE10 Release Preview */
background-image: radial-gradient(circle closest-corner at center, #FFFFFF 0%, #00A3EF 100%);
}