Content won't fit in wrapper

AZ_Scott · 07-10-2009, 07:39 AM

Thanks to all the v7n help I've received in the past which has got me to this point. I have some content that I want to position in my html. In my external style I've defined a #wrapper. The new content (.leftcolumn,.centercolumn,.rightcolumn) will not fit inside the wrapper. this baffles me because the <h3> test and link above it are in the same <div> bu the text is inside the wrapper. I don't see anything that defines the <h3> test special that keeps it residing in the wrapper other that the <div>?? I've attached my styles sheet and my .htm.

AZ_Scott · 07-10-2009, 04:42 PM

Hey I think I've got it figured out. I just added <div id="wrapper_1"> just before the new clssifications I was adding. I had to create a new #wrapper and edit the CSS but its working now, any feedback or crtique would be appreciated.
.htm

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" />
<title>Sans Moi contemporary Jazz band</title>
<link rel="stylesheet" type="text/css" media="screen" href="style/style.css" />

</head>

<body>

<div id="wrapper">
<div id="header">
<h1>Sans Moi Contemporary Jazz band</h1>
<h2>Sans Moi is French for "without me" or "without ego"</h2>
</div>

<div id="nav">
<!-- need to modify hyperlinks below -->
<ul id="navbar">

<li><a href="photo_gallery.htm">Photo Gallery</a></li>
<li><a href="Calendar.htm">Calendar</a></li>
<li><a href="discography.htm">Discography</a></li>
<li><a href="blog.htm">Chat me up</a></li>
<li><a href="Links.htm">Links</a></li>
<li><a href="about_us.htm">About Us</a></li>
</ul>
</div>


<br /><br />  <br /><br />  <br /><br />
<h4><strong>Big</strong> thanks to <a href="http://www.warrenjazzbistro.com/">Warren's Jazz Bistro</a> June 16th for letting us entertain there and a <strong>Big</strong> 
thanks to all of you who filled the tables!</h4>

<br /><br />  <br /><br />  <br /><br />
		
		<div id="wrapper_1">
		<div class="leftcolumn"> 
                <span><p><img border="0" src="images/logo_san_moi_a.png" width="140" height="140" /></p></span> 
                
        </div> 
        <div class="centercolumn"> 
                <span> <br /></span> 
        </div> 
        <div class="righttcolumn"> 
                <span><em><h3>Hey ya'all Check out the new <a href="discography.htm">"chilled" tracks</a> Sans Moi Live!</h3></em></span> 
                
  </div>
</div>
     <br /><br />

</div>

</body>
</html>