BYO..Website pg.158

Community
1

I’m at pg.158 in edition2 of BYO…Website. I’m running into issues with moving my body content with CSS. I have checked my markup for errors a few times and can’t seem to locate the issue.

#bodycontent {
	left: 200px;
}

above is the style sheet & here is the div for about.html



<div id="bodycontent">
	  
	
	  <h2>"About Us"</h2>
	
	  <p> <span class="fun">Bubble Under</span>  is a group of diving enthusiasts based in the south-west UK who meet
	    up for diving trips in the summer months when the weather is good and the bacon rolls are 
    	    flowing. We arrange weekends away as small groups.</p>

	  <p>Although we're based in the south-west, we don't stay on our own turf:past diving weekends
	   have included trips to Scapa Flow in Scotland and to Malta's numerous wreck sites. </p>

	  <p>When we're not diving, we often meet up in a local pub to talk about our recent adventures (<em>any</em>
		excuse,eh?)</p>
		<p>Or as our man Bob Dobalina would put it:</p>
		<blockquote>
		<p class="fun">"Happiness is a dip in the ocean followed by a pint or two 
		    of Old Speckled Hen. You can quote me on that!"</p>
		</blockquote>
		
		    

	  
	</div>

any feedback or assistance is greatly appreciated, thanks.

ps- It might be me, but has anyone else mentioned Mr. Lloyd being a bit vague at times?

2

Did you add the rest of the CSS from page 158? You can’t specify the left position of the element unless you first added the position:absolute rule.

3

thanks for the quick reply. Your solution worked like a charm!

I think I misunderstood where markup needed to be repeated vs. changed.
I keep hoping for a full page of what the CSS should look like at this point.

4

Make sure you also download the code archive, that’ll have the complete code for all the examples.