Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Coding noob needs help with content placement

    I'm so sorry for not adding WP in the title. I would change it if I could. So anyone who's a mod are free to change it for me

    Hi guys!
    I'm a coding newbie, well almost anyway. I decided to code my own wp-theme and everything worked well until I added 2 posts. 1 post looks like it should, but with two the placement is messed up.
    Link: http://noomirapace.org/
    Files: http://www.sendspace.com/file/5hpo5b (not sure if you could attach files here, so I uploaded them.)

    I have validated the site, and I fixed those errors that I know how to fix. It's this charset error, but in default the "content" is a php code. So I don't know how to fix that.

    Anyway, you can mostly see what the problem is.
    The "Test Post" is looking good, but then the "Welcome" post should be placed under it, and look the same.
    So any ideas?

    I might have missed a "clear" or a "overflow" somewhere. I'm not really sure.

    Any help would be greatly appreciated ♥
    Last edited by Emsan; 02-14-2011 at 06:16 PM. Reason: Added the all the files for the site.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Emsan,
    It looks like you've put your second post outside of the containers that make that column.
    Try it like this instead -
    Code:
              <div class="contentheaderstyle">test post</div>
    
              <div class="contentheaderstylemini">Written By: Emma, Feb 14, 2011 </div></div>
    
            <div class="contentrep"><div class="contenttext"><p>This is a test post.</p>
    <p>more posts would go here</p>
    <p>and more here</p>
    </div></div>
    
            <div class="contentfooter"></div>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Oh okay cause this is how my code looks like.

    Index file
    Code:
    <? include("header.php") ?>
    
    
    
    <div class="content">
    
    <div class="contentheader">
    
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
              <div class="contentheaderstyle"><?php the_title(); ?></div>
    
              <div class="contentheaderstylemini">Written By: <?php the_author(); ?>, <?php the_time('M d, Y') ?> </div></div>
    
            <div class="contentrep"><div class="contenttext"><?php the_content('<div class="readmore">&bull; Read More?</div>'); ?></div></div>
    
            <div class="contentfooter"></div>
    
               
    
    <br /><br /><br />
    
      <?php endwhile; ?>
    
    <div class="style1"><?php next_posts_link('&laquo; Previous Entries') ?> <?php previous_posts_link('Next Entries &raquo;') ?></div>
    
    
    <?php else : ?>
    
    
    
    </div>
    </div>
    
    
    
    <h2 class="center">Not Found</h2>
    
    <p class="center">Sorry, but you are looking for something that isn't here.</p>
    
    
    
    <?php endif; ?>
    
    
    <? include("sidebar.php") ?>
    
    <? include("footer.php") ?>
    Style CSS file
    Code:
    @charset "utf-8";
    
    /* CSS Document */
    
    
    
    /*
    
    Theme Name: noomirapace001
    
    Theme URI: http://noomirapace.org
    
    Description: Your number one Noomi Rapace source.
    
    Version: 1.0
    
    Author: Emma
    
    Author URI: http://noomirapace.org
    
    */
    
    a:link{
    color:#c59d65;
    font-size:11px;
    text-transform:capitalize;
    text-decoration:none;
    }
    
    a:visited{
    color:#c59d65;
    font-size:11px;
    text-transform:capitalize;
    text-decoration:none;
    }
    
    a:hover{
    color:#ad8144;
    font-size:12px;
    text-transform:uppercase;
    text-decoration:none;
    }
    
    a:active{
    color:#c59d65;
    font-size:11px;
    text-transform:capitalize;
    text-decoration:none;
    }
    
    
    
    body {
    
    background: #e9e4c2 url(/wp-content/themes/noomirapace001/images/topbg.jpg) repeat-x;
    
    margin: 0;
    
    padding: 0;
    
    border: 0;
    
    outline: 0;
    
    text-align: left;
    
    font-size: 100%;
    
    overflow:auto;
    
    clear:both;
    
    font-family:Geneva, Arial, Helvetica, sans-serif;
    
    }
    
    
    .thumbnail {
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#533118;
    padding:3px;
    
    }
    
    
    
    .contentheaderstyle {
    
    font-family:Lucida Bright;
    font-weight:bold;
    font-size:17px;
    
    text-decoration:inherit;
    
    text-transform:capitalize;
    
    color: #ede4c2;
    text-shadow: 0px -1px 0px #e2970f;
    
    letter-spacing:-1px;
    
    padding-top:25px;
    
    padding-left:10px;
    
    padding-right:10px;
    
    float:left;
    
    }
    
    
    
    .contentheaderstylemini {
    
    font: bold 200/100% "Lucida Bright";
    color:#aa8a7d;
    text-transform:uppercase;
    text-shadow: 0px -1px 0px #603f30;
    
    letter-spacing:1px;
    
    padding-top:55px;
    
    padding-left:60px;
    
    padding-right:20px;
    
    float:inherit;
    
    }
    
    .footercontenttext a {
    color:#bb303a;
    }
    
    .footercontenttext strong {
    color:#797d83;
    }
    
    
    .footercontenttext {
    font-family:Arial;
    text-shadow: 0px -1px 0px #222;
    color:#7e7c7c;
    font-size:12px;
    letter-spacing:0,5px;
    width:400px;
    padding-top:15px;
    float:left;
    }
    
    .contentfooterstyle a {
    text-transform:uppercase;
    text-decoration:none;
    font-size:20px;
    color: #624015;
    text-shadow: 0px 2px 3px #555;}
    
    
    .contentfooterstyle {
    
    font: bold 150%/100% "Lucida Bright";
    
    text-transform:uppercase;
    
    color: #624015;
    text-shadow: 0px 2px 3px #555;
    
    text-align:center;
    
    letter-spacing:-1px;
    
    padding-top:20px;
    
    padding-left:35px;
    
    padding-right:20px;
    
    }
    
    
    
    #wrapper {
    
    width: 1230px;
    
    margin-left:auto;
    
    margin-right:auto;
    
    clear:both;
    
    }
    
    
    
    #menugraphic {
    
    width: 1230px;
    
    height: 82px;
    
    padding: 0;
    
    margin-left:auto;
    
    margin-right:auto;
    
    }
    
    
    
    #headergraphic {
    
    background-image:url(/wp-content/themes/noomirapace001/images/headergraphic.jpg);
    
    width: 1230px;
    
    height: 406px;
    
    padding: 0;
    
    margin-left:auto;
    
    margin-right:auto;
    
    }
    
    
    
    #contentbg {
    
    background: url(/wp-content/themes/noomirapace001/images/contentbg.jpg) repeat-y;
    
    width: 1230px;
    
    color: #e9e4c2;
    
    margin-left:auto;
    
    margin-right:auto;
    
    overflow:hidden;
    
    }
    
    
    
    .contentheader {
    
    background:url(/wp-content/themes/noomirapace001/images/contentheader.png);
    
    width: 761px;
    
    height: 128px;
    
    margin-bottom: -15px;
    
    }
    
    
    
    .contentfooter {
    
    background:url(/wp-content/themes/noomirapace001/images/contentfooter.png);
    
    width: 761px;
    
    height: 69px;
    
    margin-top: -15px;
    
    }
    
    
    .contenttext strong {
    color:#e57965;
    }
    
    .contenttext em {
    color:#e19f26;
    }
    
    .contenttext {
    
    padding-left:35px;
    
    padding-right:35px;
    
    font-family:Arial;
    text-shadow: 0px -1px 0px #765020;
    
    color:#C1997B;
    
    font-size:13px;
    
    text-align:justify;
    letter-spacing:0,5px;
    
    }
    
    
    
    #ads {
    
    background: url(/wp-content/themes/noomirapace001/images/ads.jpg);
    
    width: 1201px;
    
    height: 101px;
    
    margin-left:auto;
    
    margin-right:auto;
    
    }
    
    #adstyle {
    
    text-align:center;
    padding-top:6px;
    
    }
    
    
    
    #sidebar {
    
    width: 363px;
    
    margin-left:25px;
    
    margin-top:25px;
    
    float:left;
    
    }
    
    
    
    .sidebarcont {
    
    background:url(/wp-content/themes/noomirapace001/images/sidebarmain.png) repeat-y;
    
    width: 363px;
    
    }
    
    
    
    .content {
    
    width: 761px;
    
    margin-right:25px;
    
    margin-top:25px;
    
    float:right;
    
    }
    
    
    
    .contentrep {
    
    background:url(/wp-content/themes/noomirapace001/images/contentmain.png) repeat-y;
    
    width: 761px;
    
    }
    
    
    
    #footer {
    
    background:url(/wp-content/themes/noomirapace001/images/footer.jpg) repeat-x;
    
    width:100%;
    
    height: 228px;
    
    margin-left:auto;
    
    margin-right:auto;
    
    
    
    }
    It's a wordpress theme. So how should I change it? I'm so sorry for being so stupid hehe

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,928
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Emma, the charset error comes from the meta element which is not valid XHTML 1 (it is (X)HTML 5 syntax but you have an XHTML 1 doctype – change the doctype to <!DOCTYPE html> to fix it).

    Now, it looks like you have a nesting error, i. e. closed an element too late or too early or something. Your WP loop looks weird anyway:
    You are opening “contentheader” before the loop starts but then have two closing div tags after “contentheaderstylemini” which is closing the header within the loop (i. e. it’s adding the closing tag each time a new post is made while the opening tag is only added once since it’s outside of the loop. I’d say put the “contentheader” opening div inside the loop, too. And then remove one of the two closing tags after the “else” statement.

  • Users who have thanked VIPStephan for this post:

    Emsan (02-15-2011)

  • #5
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    ^^ Thank you so much, that fixed the posts issue. However, new issues arrived. The sidebar is now under the posts, and the footer isn't stretching.

    I'm giving you the other codes as well. Just in case.

    My index file now
    Code:
    <? include("header.php") ?>
    
    
    
    <div class="content">
    
    
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="contentheader">
    
              <div class="contentheaderstyle"><?php the_title(); ?></div>
    
              <div class="contentheaderstylemini">Written By: <?php the_author(); ?>, <?php the_time('M d, Y') ?> </div></div>
    
            <div class="contentrep"><div class="contenttext"><?php the_content('<div class="readmore">&bull; Read More?</div>'); ?></div></div>
    
            <div class="contentfooter"></div>
    
               
    
    <br /><br /><br />
    
      <?php endwhile; ?>
    
    <div class="style1"><?php next_posts_link('&laquo; Previous Entries') ?> <?php previous_posts_link('Next Entries &raquo;') ?></div>
    
    
    <?php else : ?>
    
    
    
    </div>
    
    
    
    <h2 class="center">Not Found</h2>
    
    <p class="center">Sorry, but you are looking for something that isn't here.</p>
    
    
    
    <?php endif; ?>
    
    
    <? include("sidebar.php") ?>
    
    <? include("footer.php") ?>
    Header.php
    Code:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <title><?php
    	/*
    	 * Print the <title> tag based on what is being viewed.
    	 */
    	global $page, $paged;
    
    	wp_title( '|', true, 'right' );
    
    	// Add the blog name.
    	bloginfo( 'name' );
    
    	// Add the blog description for the home/front page.
    	$site_description = get_bloginfo( 'description', 'display' );
    	if ( $site_description && ( is_home() || is_front_page() ) )
    		echo " | $site_description";
    
    	// Add a page number if necessary:
    	if ( $paged >= 2 || $page >= 2 )
    		echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
    
    	?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php
    	/* We add some JavaScript to pages with the comment form
    	 * to support sites with threaded comments (when in use).
    	 */
    	if ( is_singular() && get_option( 'thread_comments' ) )
    		wp_enqueue_script( 'comment-reply' );
    
    	/* Always have wp_head() just before the closing </head>
    	 * tag of your theme, or you will break many plugins, which
    	 * generally use this hook to add elements to <head> such
    	 * as styles, scripts, and meta tags.
    	 */
    	wp_head();
    ?>
    
    <!-- PUT THIS TAG IN THE head SECTION -->
    <script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js">
    </script>
    <script type="text/javascript">
      GS_googleAddAdSenseService("ca-pub-7892222271864999");
      GS_googleEnableAllServices();
    </script>
    <script type="text/javascript">
      GA_googleAddSlot("ca-pub-7892222271864999", "FlauntDarkLeader");
    </script>
    <script type="text/javascript">
      GA_googleFetchAds();
    </script>
    <!-- END OF TAG FOR head SECTION -->
    </head>
    <body>
    
    <div id="wrapper">
    
    <!--MENU-->
    <div id="menugraphic">
    <img src="/wp-content/themes/noomirapace001/images/menu.jpg" border="0" usemap="#Map" alt="menu" />
    <map name="Map" id="Map">
    <area shape="rect" coords="51,12,217,44" href="http://noomirapace.org" alt="News and Updates" />
    <area shape="rect" coords="231,12,372,44" href="http://noomirapace.org/?page_id=2" alt="About Noomi" />
    <area shape="rect" coords="388,14,530,46" href="#" alt="" />
    <area shape="rect" coords="548,13,711,46" href="#" alt="" />
    <area shape="rect" coords="724,14,856,46" href="#" alt="" />
    <area shape="rect" coords="872,14,952,43" href="#" alt="" />
    <area shape="rect" coords="967,15,1075,42" href="#" alt="" />
    <area shape="rect" coords="1086,15,1189,40" href="#" alt="" />
    </map>
    </div>
    <!--MENU-->
    
    <!--HEADER PIC-->
    <div id="headergraphic">
    </div>
    <!--HEADER PIC-->
    
    <!--REPEATING BACKGROUND START-->
    <div id="contentbg">
    
    <!--ADS-->
    <div id="ads"><div id="adstyle"><!-- PUT THIS TAG IN DESIRED LOCATION OF SLOT FlauntDarkLeader
         -->
    <script type="text/javascript">
      GA_googleFillSlot("FlauntDarkLeader");
    </script>
    <!-- END OF TAG FOR SLOT FlauntDarkLeader
         --></div></div>
    <!--ADS-->
    Sidebar.php
    Code:
    <!--SIDEBAR START-->
    
    <div id="sidebar">
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderabout.png" alt="about" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    Noomi Rapace got famous all over the world for her role as <em><strong>Lisbeth Salander</strong></em> in the Millennium trilogy. She made herself a name in Hollywood and now the Swedish actress is heading for big interesting roles. She's right now working on the new <em>Sherlock Holmes Sequel</em> which will premiere in December 2011. Follow her journey together with us!
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="aboutfooter" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderprojects.png" alt="projects" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <div align="justify">
    
    <img src="images/projectsnopic.png" width="60" height="90" align="left" class="thumbnail" alt="prometheus" /> Prometheus <em>(2012)</em><br/>
    
    Role: <em>Elizabeth Shaw</em><br/>
    
    Status: <em>Script</em><br/>
    
    Release: <em>9 March 2012</em><br/>
    
    Director: <em>Ridley Scott</em><br/>
    
    Info | Official site | Photos | <a href="http://www.imdb.com/title/tt1446714/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    
    
    			  <img src="images/sherlock.png" width="60" height="90" align="left" class="thumbnail" alt="sherlock" /> Sherlock Holmes Sequel <em>(2011)</em><br/>
    
    Role: <em>Sim</em><br/>
    
    Status: <em>Filming</em><br/>
    
    Release: <em>16 December 2011</em><br/>
    
    Director: <em>Guy Ritchie</em><br/>
    
    Info | Official site | <a href="http://noomirapace.org/gallery/index.php?cat=31" target="_blank">Photos</a> | <a href="http://www.imdb.com/title/tt1515091/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    
    
    <img src="images/babycall.png" width="60" height="90" align="left" class="thumbnail" alt="babycall" /> Babycall <em>(2011)</em><br/>
    
    Role: <em>Anna</em><br/>
    
    Status: <em>Completed</em><br/>
    
    Release: <em>February 2011 (Norway)</em><br/>
    
    Director: <em>Pål Sletaune</em><br/>
    
    Info | <a href="http://gammel.nfi.no/english/norwegianfilms/show.html?id=1154" target="_blank">Official site</a> | <a href="http://noomirapace.org/gallery/index.php?cat=13" target="_blank">Photos</a> | <a href="http://www.imdb.com/title/tt1595833/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    			 
    
    			  <img src="images/beyond.png" width="60" height="90" align="left" class="thumbnail" alt="beyond" /> Beyond <em>(2010)</em><br/>
    
    Role: <em>Leena</em><br/>
    
    Status: <em>Completed</em><br/>
    
    Release: <em>6 September 2010</em><br/>
    
    Director: <em>Pernilla August</em><br/>
    
    Info | <a href="http://www.heppfilm.se/beyond/beyond/Hem.html" target="_blank">Official site</a> | <a href="http://noomirapace.org/gallery/index.php?cat=14" target="_blank">Photos</a> | <a href="http://www.imdb.com/title/tt1437366/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    			  </div>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="projectsfooter" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheadereliteaffiliates.png" alt="elite" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <em>coming soon!</em>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="elitefooter" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderfeaturedphoto.png" alt="photo" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <div style="text-align:center"><img src="images/featuredphoto001.png" alt="Featured Photo 001" /></div>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footerphoto" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheadershoutbox.png" alt="shoutbox" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <div align="center"><!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe title="noomidaily" src="http://www5.shoutmix.com/?noomidaily" width="290" height="400" frameborder="0" scrolling="auto">
    <a href="http://www5.shoutmix.com/?noomidaily">View shoutbox</a>
    </iframe>
    <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
    <!-- End ShoutMix --></div>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footershoutbox" />
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheadertopaffiliates.png" alt="topaffiliates" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <em>coming soon!</em>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footertopaffiliates" />
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderwebsitestatistics.png" alt="statistics" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <strong>&hearts;</strong> Website Name: <em>Noomi Rapace Daily</em> <br/>
    <strong>&hearts;</strong> Webmaster: <em>Emma</em> <br/>
    <strong>&hearts;</strong> Date Launched: <em>January 20, 2011</em><br/>            
    <strong>&hearts;</strong> Designed &amp; Coded By: <em>Emma</em><br/>
    <strong>&hearts;</strong> Best viewed in: <em>Chrome &amp; Firefox</em><br/>
    <strong>&hearts;</strong> Hosted by: <a href="http://www.flaunt.nu/" target="_blank">Flaunt.nu</a><br/>
    <strong>&hearts;</strong> Currently Online: <!-- Start FreeOnlineUsers.com -->
    <em><script type="text/javascript" src="http://st1.freeonlineusers.com/on3.php?id=333440"> </script>*Noomi Fan(s)</em>
    <!-- End FreeOnlineUsers.com --><br/>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footerstatistics" />
    
    
    
    <!--END OF SIDEBAR-->
    
    </div>
    
    <!--END OF SIDEBAR-->
    footer.php
    Code:
    </div>
    </div>
    
    
    <!--FOOTER-->
    <div id="footer">
    <div style="width:1200px; margin-left:auto; margin-right:auto;">
    <div class="footercontenttext"><img src="/wp-content/themes/noomirapace001/images/disclaimer.png" alt="disclaimer" /><br />
    This is a unofficial, non-profit website. We are in no way affiliated with Noomi Rapace or any of her family, co-stars, representatives, friends, or anyone else in her management. The purpose of this website is to provide fans with everything they want to know about Noomi Rapace. We do not claim ownership of any photos in the gallery. If you think that something on our site belongs to you, please contact us before taking legal action. <strong>No copyright infringement intended.</strong><br />
    <a href="http://www.flaunt.nu/dmca" target="_blank">Read More.</a></div>
    
    <div style="padding-left:450px; padding-top:20px; float:inherit">
    <img src="/wp-content/themes/noomirapace001/images/spacer.png" alt="spacer" />
    </div>
    </div></div>
    <div style="clear:both"></div>
    <!--FOOTER-->
    
    </body>
    </html>
    Style.css
    Code:
    @charset "utf-8";
    
    /* CSS Document */
    
    
    
    /*
    
    Theme Name: noomirapace001
    
    Theme URI: http://noomirapace.org
    
    Description: Your number one Noomi Rapace source.
    
    Version: 1.0
    
    Author: Emma
    
    Author URI: http://noomirapace.org
    
    */
    
    a:link{
    color:#c59d65;
    font-size:11px;
    text-transform:capitalize;
    text-decoration:none;
    }
    
    a:visited{
    color:#c59d65;
    font-size:11px;
    text-transform:capitalize;
    text-decoration:none;
    }
    
    a:hover{
    color:#ad8144;
    font-size:12px;
    text-transform:uppercase;
    text-decoration:none;
    }
    
    a:active{
    color:#c59d65;
    font-size:11px;
    text-transform:capitalize;
    text-decoration:none;
    }
    
    
    
    body {
    
    background: #e9e4c2 url(/wp-content/themes/noomirapace001/images/topbg.jpg) repeat-x;
    
    margin: 0;
    
    padding: 0;
    
    border: 0;
    
    outline: 0;
    
    text-align: left;
    
    font-size: 100%;
    
    overflow:auto;
    
    clear:both;
    
    font-family:Geneva, Arial, Helvetica, sans-serif;
    
    }
    
    
    .thumbnail {
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#533118;
    padding:3px;
    
    }
    
    
    
    .contentheaderstyle {
    
    font-family:Lucida Bright;
    font-weight:bold;
    font-size:17px;
    
    text-decoration:inherit;
    
    text-transform:capitalize;
    
    color: #ede4c2;
    text-shadow: 0px -1px 0px #e2970f;
    
    letter-spacing:-1px;
    
    padding-top:25px;
    
    padding-left:10px;
    
    padding-right:10px;
    
    float:left;
    
    }
    
    
    
    .contentheaderstylemini {
    
    font: bold 200/100% "Lucida Bright";
    color:#aa8a7d;
    text-transform:uppercase;
    text-shadow: 0px -1px 0px #603f30;
    
    letter-spacing:1px;
    
    padding-top:55px;
    
    padding-left:60px;
    
    padding-right:20px;
    
    float:inherit;
    
    }
    
    .footercontenttext a {
    color:#bb303a;
    }
    
    .footercontenttext strong {
    color:#797d83;
    }
    
    
    .footercontenttext {
    font-family:Arial;
    text-shadow: 0px -1px 0px #222;
    color:#7e7c7c;
    font-size:12px;
    letter-spacing:0,5px;
    width:400px;
    padding-top:15px;
    float:left;
    }
    
    .contentfooterstyle a {
    text-transform:uppercase;
    text-decoration:none;
    font-size:20px;
    color: #624015;
    text-shadow: 0px 2px 3px #555;}
    
    
    .contentfooterstyle {
    
    font: bold 150%/100% "Lucida Bright";
    
    text-transform:uppercase;
    
    color: #624015;
    text-shadow: 0px 2px 3px #555;
    
    text-align:center;
    
    letter-spacing:-1px;
    
    padding-top:20px;
    
    padding-left:35px;
    
    padding-right:20px;
    
    }
    
    
    
    #wrapper {
    
    width: 1230px;
    
    margin-left:auto;
    
    margin-right:auto;
    
    clear:both;
    
    }
    
    
    
    #menugraphic {
    
    width: 1230px;
    
    height: 82px;
    
    padding: 0;
    
    margin-left:auto;
    
    margin-right:auto;
    
    }
    
    
    
    #headergraphic {
    
    background-image:url(/wp-content/themes/noomirapace001/images/headergraphic.jpg);
    
    width: 1230px;
    
    height: 406px;
    
    padding: 0;
    
    margin-left:auto;
    
    margin-right:auto;
    
    }
    
    
    
    #contentbg {
    
    background: url(/wp-content/themes/noomirapace001/images/contentbg.jpg) repeat-y;
    
    width: 1230px;
    
    color: #e9e4c2;
    
    margin-left:auto;
    
    margin-right:auto;
    
    overflow:hidden;
    
    }
    
    
    
    .contentheader {
    
    background:url(/wp-content/themes/noomirapace001/images/contentheader.png);
    
    width: 761px;
    
    height: 128px;
    
    margin-bottom: -15px;
    
    }
    
    
    
    .contentfooter {
    
    background:url(/wp-content/themes/noomirapace001/images/contentfooter.png);
    
    width: 761px;
    
    height: 69px;
    
    margin-top: -15px;
    
    }
    
    
    .contenttext strong {
    color:#e57965;
    }
    
    .contenttext em {
    color:#e19f26;
    }
    
    .contenttext {
    
    padding-left:35px;
    
    padding-right:35px;
    
    font-family:Arial;
    text-shadow: 0px -1px 0px #765020;
    
    color:#C1997B;
    
    font-size:13px;
    
    text-align:justify;
    letter-spacing:0,5px;
    
    }
    
    
    
    #ads {
    
    background: url(/wp-content/themes/noomirapace001/images/ads.jpg);
    
    width: 1201px;
    
    height: 101px;
    
    margin-left:auto;
    
    margin-right:auto;
    
    }
    
    #adstyle {
    
    text-align:center;
    padding-top:6px;
    
    }
    
    
    
    #sidebar {
    
    width: 363px;
    
    margin-left:25px;
    
    margin-top:25px;
    
    float:left;
    
    }
    
    
    
    .sidebarcont {
    
    background:url(/wp-content/themes/noomirapace001/images/sidebarmain.png) repeat-y;
    
    width: 363px;
    
    }
    
    
    
    .content {
    
    width: 761px;
    
    margin-right:25px;
    
    margin-top:25px;
    
    float:right;
    
    }
    
    
    
    .contentrep {
    
    background:url(/wp-content/themes/noomirapace001/images/contentmain.png) repeat-y;
    
    width: 761px;
    
    }
    
    
    
    #footer {
    
    background:url(/wp-content/themes/noomirapace001/images/footer.jpg) repeat-x;
    
    width:100%;
    
    height: 228px;
    
    margin-left:auto;
    
    margin-right:auto;
    
    
    
    }

  • #6
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,928
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Oh well, seems like you do have to keep those two closing divs after the “else” statement after all.

    Edit: And the footer is stretching as wide as the wrapper goes. If you want to stretch it across the viewport then take it out of the wrapper or don’t assign a width to the wrapper.
    Last edited by VIPStephan; 02-14-2011 at 08:23 PM.

  • #7
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    I just added it again but that didn't help.
    Seems like I messed this up haha.

    I might have missed a clear or a overflow or something? Or put one in the wrong place. I don't know hehe

  • #8
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,928
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    OK, try to add that closing div after the “endif” statement. I think that’s it.

  • #9
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Okay I did, plus adding an extra div on the top of the footer file. That fixed the footer stretching issue.

    Now I just need to get that sidebar on the left. I have no idea why it won't.

  • #10
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,928
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    You have to close the content div before the sidebar starts. Show us the template code that you have right now.

  • #11
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Oh okay.

    Index.php
    Code:
    <? include("header.php") ?>
    
    
    
    <div class="content">
    
    
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="contentheader">
    
              <div class="contentheaderstyle"><?php the_title(); ?></div>
    
              <div class="contentheaderstylemini">Written By: <?php the_author(); ?>, <?php the_time('M d, Y') ?> </div></div>
    
            <div class="contentrep"><div class="contenttext"><?php the_content('<div class="readmore">&bull; Read More?</div>'); ?></div></div>
    
            <div class="contentfooter"></div>
    
               
    
    <br /><br /><br />
    
      <?php endwhile; ?>
    
    <div class="style1"><?php next_posts_link('&laquo; Previous Entries') ?> <?php previous_posts_link('Next Entries &raquo;') ?></div>
    
    
    <?php else : ?>
    
    
    
    </div></div>
    
    
    
    <h2 class="center">Not Found</h2>
    
    <p class="center">Sorry, but you are looking for something that isn't here.</p>
    
    
    
    <?php endif; ?>
    
    
    <? include("sidebar.php") ?>
    
    <? include("footer.php") ?>
    Header.php
    Code:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <title><?php
    	/*
    	 * Print the <title> tag based on what is being viewed.
    	 */
    	global $page, $paged;
    
    	wp_title( '|', true, 'right' );
    
    	// Add the blog name.
    	bloginfo( 'name' );
    
    	// Add the blog description for the home/front page.
    	$site_description = get_bloginfo( 'description', 'display' );
    	if ( $site_description && ( is_home() || is_front_page() ) )
    		echo " | $site_description";
    
    	// Add a page number if necessary:
    	if ( $paged >= 2 || $page >= 2 )
    		echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
    
    	?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php
    	/* We add some JavaScript to pages with the comment form
    	 * to support sites with threaded comments (when in use).
    	 */
    	if ( is_singular() && get_option( 'thread_comments' ) )
    		wp_enqueue_script( 'comment-reply' );
    
    	/* Always have wp_head() just before the closing </head>
    	 * tag of your theme, or you will break many plugins, which
    	 * generally use this hook to add elements to <head> such
    	 * as styles, scripts, and meta tags.
    	 */
    	wp_head();
    ?>
    
    <!-- PUT THIS TAG IN THE head SECTION -->
    <script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js">
    </script>
    <script type="text/javascript">
      GS_googleAddAdSenseService("ca-pub-7892222271864999");
      GS_googleEnableAllServices();
    </script>
    <script type="text/javascript">
      GA_googleAddSlot("ca-pub-7892222271864999", "FlauntDarkLeader");
    </script>
    <script type="text/javascript">
      GA_googleFetchAds();
    </script>
    <!-- END OF TAG FOR head SECTION -->
    </head>
    <body>
    
    <div id="wrapper">
    
    <!--MENU-->
    <div id="menugraphic">
    <img src="/wp-content/themes/noomirapace001/images/menu.jpg" border="0" usemap="#Map" alt="menu" />
    <map name="Map" id="Map">
    <area shape="rect" coords="51,12,217,44" href="http://noomirapace.org" alt="News and Updates" />
    <area shape="rect" coords="231,12,372,44" href="http://noomirapace.org/?page_id=2" alt="About Noomi" />
    <area shape="rect" coords="388,14,530,46" href="#" alt="" />
    <area shape="rect" coords="548,13,711,46" href="#" alt="" />
    <area shape="rect" coords="724,14,856,46" href="#" alt="" />
    <area shape="rect" coords="872,14,952,43" href="#" alt="" />
    <area shape="rect" coords="967,15,1075,42" href="#" alt="" />
    <area shape="rect" coords="1086,15,1189,40" href="#" alt="" />
    </map>
    </div>
    <!--MENU-->
    
    <!--HEADER PIC-->
    <div id="headergraphic">
    </div>
    <!--HEADER PIC-->
    
    <!--REPEATING BACKGROUND START-->
    <div id="contentbg">
    
    <!--ADS-->
    <div id="ads"><div id="adstyle"><!-- PUT THIS TAG IN DESIRED LOCATION OF SLOT FlauntDarkLeader
         -->
    <script type="text/javascript">
      GA_googleFillSlot("FlauntDarkLeader");
    </script>
    <!-- END OF TAG FOR SLOT FlauntDarkLeader
         --></div></div>
    <!--ADS-->
    Sidebar
    Code:
    <!--SIDEBAR START-->
    
    <div id="sidebar">
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderabout.png" alt="about" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    Noomi Rapace got famous all over the world for her role as <em><strong>Lisbeth Salander</strong></em> in the Millennium trilogy. She made herself a name in Hollywood and now the Swedish actress is heading for big interesting roles. She's right now working on the new <em>Sherlock Holmes Sequel</em> which will premiere in December 2011. Follow her journey together with us!
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="aboutfooter" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderprojects.png" alt="projects" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <div align="justify">
    
    <img src="images/projectsnopic.png" width="60" height="90" align="left" class="thumbnail" alt="prometheus" /> Prometheus <em>(2012)</em><br/>
    
    Role: <em>Elizabeth Shaw</em><br/>
    
    Status: <em>Script</em><br/>
    
    Release: <em>9 March 2012</em><br/>
    
    Director: <em>Ridley Scott</em><br/>
    
    Info | Official site | Photos | <a href="http://www.imdb.com/title/tt1446714/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    
    
    			  <img src="images/sherlock.png" width="60" height="90" align="left" class="thumbnail" alt="sherlock" /> Sherlock Holmes Sequel <em>(2011)</em><br/>
    
    Role: <em>Sim</em><br/>
    
    Status: <em>Filming</em><br/>
    
    Release: <em>16 December 2011</em><br/>
    
    Director: <em>Guy Ritchie</em><br/>
    
    Info | Official site | <a href="http://noomirapace.org/gallery/index.php?cat=31" target="_blank">Photos</a> | <a href="http://www.imdb.com/title/tt1515091/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    
    
    <img src="images/babycall.png" width="60" height="90" align="left" class="thumbnail" alt="babycall" /> Babycall <em>(2011)</em><br/>
    
    Role: <em>Anna</em><br/>
    
    Status: <em>Completed</em><br/>
    
    Release: <em>February 2011 (Norway)</em><br/>
    
    Director: <em>Pål Sletaune</em><br/>
    
    Info | <a href="http://gammel.nfi.no/english/norwegianfilms/show.html?id=1154" target="_blank">Official site</a> | <a href="http://noomirapace.org/gallery/index.php?cat=13" target="_blank">Photos</a> | <a href="http://www.imdb.com/title/tt1595833/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    			 
    
    			  <img src="images/beyond.png" width="60" height="90" align="left" class="thumbnail" alt="beyond" /> Beyond <em>(2010)</em><br/>
    
    Role: <em>Leena</em><br/>
    
    Status: <em>Completed</em><br/>
    
    Release: <em>6 September 2010</em><br/>
    
    Director: <em>Pernilla August</em><br/>
    
    Info | <a href="http://www.heppfilm.se/beyond/beyond/Hem.html" target="_blank">Official site</a> | <a href="http://noomirapace.org/gallery/index.php?cat=14" target="_blank">Photos</a> | <a href="http://www.imdb.com/title/tt1437366/" target="_blank">Imdb</a>
    
    			 <br/><br/>
    
    			  </div>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="projectsfooter" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheadereliteaffiliates.png" alt="elite" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <em>coming soon!</em>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="elitefooter" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderfeaturedphoto.png" alt="photo" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <div style="text-align:center"><img src="images/featuredphoto001.png" alt="Featured Photo 001" /></div>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footerphoto" />
    
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheadershoutbox.png" alt="shoutbox" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <div align="center"><!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe title="noomidaily" src="http://www5.shoutmix.com/?noomidaily" width="290" height="400" frameborder="0" scrolling="auto">
    <a href="http://www5.shoutmix.com/?noomidaily">View shoutbox</a>
    </iframe>
    <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
    <!-- End ShoutMix --></div>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footershoutbox" />
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheadertopaffiliates.png" alt="topaffiliates" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <em>coming soon!</em>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footertopaffiliates" />
    
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarheaderwebsitestatistics.png" alt="statistics" />
    
    <div class="sidebarcont">
    
    <div class="contenttext">
    
    <strong>&hearts;</strong> Website Name: <em>Noomi Rapace Daily</em> <br/>
    <strong>&hearts;</strong> Webmaster: <em>Emma</em> <br/>
    <strong>&hearts;</strong> Date Launched: <em>January 20, 2011</em><br/>            
    <strong>&hearts;</strong> Designed &amp; Coded By: <em>Emma</em><br/>
    <strong>&hearts;</strong> Best viewed in: <em>Chrome &amp; Firefox</em><br/>
    <strong>&hearts;</strong> Hosted by: <a href="http://www.flaunt.nu/" target="_blank">Flaunt.nu</a><br/>
    <strong>&hearts;</strong> Currently Online: <!-- Start FreeOnlineUsers.com -->
    <em><script type="text/javascript" src="http://st1.freeonlineusers.com/on3.php?id=333440"> </script>*Noomi Fan(s)</em>
    <!-- End FreeOnlineUsers.com --><br/>
    
    </div>
    
    </div>
    
    <img src="/wp-content/themes/noomirapace001/images/sidebarfooter.png" alt="footerstatistics" />
    
    
    
    <!--END OF SIDEBAR-->
    
    </div>
    
    <!--END OF SIDEBAR-->
    Footer
    Code:
    </div>
    </div>
    </div>
    
    <!--FOOTER-->
    <div id="footer">
    <div style="width:1200px; margin-left:auto; margin-right:auto;">
    <div class="footercontenttext"><img src="/wp-content/themes/noomirapace001/images/disclaimer.png" alt="disclaimer" /><br />
    This is a unofficial, non-profit website. We are in no way affiliated with Noomi Rapace or any of her family, co-stars, representatives, friends, or anyone else in her management. The purpose of this website is to provide fans with everything they want to know about Noomi Rapace. We do not claim ownership of any photos in the gallery. If you think that something on our site belongs to you, please contact us before taking legal action. <strong>No copyright infringement intended.</strong><br />
    <a href="http://www.flaunt.nu/dmca" target="_blank">Read More.</a></div>
    
    <div style="padding-left:450px; padding-top:20px; float:inherit">
    <img src="/wp-content/themes/noomirapace001/images/spacer.png" alt="spacer" />
    </div>
    </div></div>
    <!--FOOTER-->
    
    </body>
    </html>

  • #12
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,928
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    As I said, move one of the two closing div tags from after the “else” statement to after the “endif” statement so it looks like so:
    Code:
    <?php else : ?>
    </div>
    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn't here.</p>
    <?php endif; ?>
    </div>
    <? include("sidebar.php") ?>

  • Users who have thanked VIPStephan for this post:

    Emsan (02-15-2011)

  • #13
    New Coder
    Join Date
    Sep 2007
    Posts
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    ^^ I love you!
    Thank you so much!

    You can now close this, it's resolved! ♥


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •