Grow your CSS skills. Land your dream job.

attribute of css not applied to page

  • # August 14, 2010 at 3:38 am

    Hi all,

    This is my first post here, so hi to everyone. I hope someone can help me.

    Problem: the atributes I’ve set in the CSS for the main content (#content) is not applied on my page http://thewhitneyvault.ch:

    CSS:

    Code:
    /*
    HEADER
    */
    #header { height: 190px; position: relative; }
    #logo { position: absolute; top: 30px; left: 10px; z-index: 2;}
    #nav { position: fixed; top: 13px; left: 58px; WIDTH: 845px; padding: 15px 0px 10px 10px; margin: 95px 500px 20px 100px; z-index: 1; background: #473f50; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 5px solid white;}
    /*
    MAIN STRUCTURE
    */
    #page-wrap { width: 1015px; position: absolute; margin: 0 auto; padding: 0 0 50px 0; }

    #content { width: 650px; float: left; min-height: 600px; padding: 20px 15px 20px 15px; margin: 20px 0px 20px 5px; background: rgb(143, 133, 155); /* The Fallback */ background: rgba(143, 133, 155, 0.8); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 5px solid white; }

    Code:
    < ?php get_header(); ?>

    < ?php if (have_posts()) : while (have_posts()) : the_post(); ?>

    id=”post-< ?php the_ID(); ?>“>

    < ?php the_title(); ?>

    < ?php include (TEMPLATEPATH . '/inc/meta.php' ); ?>

    < ?php the_content(); ?>

    < ?php wp_link_pages(array('before' => ‘Pages: ‘, ‘next_or_number’ => ‘number’)); ?>

    < ?php the_tags( 'Tags: ', ', ', ''); ?>

    < ?php edit_post_link('Edit this entry','','.'); ?>

    < ?php comments_template(); ?>

    < ?php endwhile; endif; ?>

    < ?php get_sidebar(); ?>

    < ?php get_footer(); ?>

    You can also see in chrome, that the css is not applied to the content area:
    [img]http://thewhitneyvault.ch/im/css_not_applied.jpg[/img]

    Looking forward to your help! Thanks!
    Roland

    # August 14, 2010 at 11:24 am

    Problem solved thanks to @MartyRomero from twitter…

    Had to change "#content" to ".content"
    (alternative: I could have changed class="content" to id="conetent" in the html)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".