...

View Full Version : Coding noob needs help with content placement



Emsan
02-14-2011, 04:58 PM
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 ♥

Excavator
02-14-2011, 06:15 PM
Hello Emsan,
It looks like you've put your second post outside of the containers that make that column.
Try it like this instead -

<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>

Emsan
02-14-2011, 06:23 PM
Oh okay cause this is how my code looks like.

Index file

<? 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

@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

VIPStephan
02-14-2011, 06:44 PM
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.

Emsan
02-14-2011, 07:04 PM
^^ 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

<? 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

<!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

<!--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

</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

@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;



}

VIPStephan
02-14-2011, 07:18 PM
Oh well, seems like you do have to keep those two closing divs after the “else” statement after all.

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.

Emsan
02-14-2011, 07:22 PM
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

VIPStephan
02-14-2011, 07:25 PM
OK, try to add that closing div after the “endif” statement. I think that’s it.

Emsan
02-14-2011, 07:54 PM
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.

VIPStephan
02-14-2011, 08:00 PM
You have to close the content div before the sidebar starts. Show us the template code that you have right now.

Emsan
02-14-2011, 08:11 PM
Oh okay.

Index.php

<? 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

<!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

<!--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

</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>

VIPStephan
02-14-2011, 10:31 PM
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:


<?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") ?>

Emsan
02-15-2011, 07:09 AM
^^ I love you!
Thank you so much!

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum