HTML Code Help - Sidebar Problems...

[RiVi3rA]

I am having problems with the following section of code:

<div id="content">	
			<div id="main">																																																																																																																											<div class="inner_copy"><a href="http://www.bestfreetemplates.org/">free templates</a><a href="http://www.bannermoz.com/">banner templates</a></div>
				<div class="current">
					
				</div>
				<div class="post">
				
					<h5>Step 1: Sign up</h5>
					
					<p>First of all sign up with you real details. Don't worry Freebiejeebies does not spam and it only needs your adress to ship your free gift! Do not sign up twice or your account will be deleted!</p>
					<a href="#"><CENTER><img src="http://img842.imageshack.us/img842/7821/56960021.png" </CENTER> </a><br />
					
					
				</div>
				<div class="post">
					
					<h5>Step 2: Complete an Offer</h5>
					
					<p>Once you have signed up, you must complete an offer. Some offers are free such as the E.ON, Intuit and Homestead offers. You will not get your free gift until you have completed an offer!</p>
					<a href="#"><CENTER><img src="http://img683.imageshack.us/img683/7573/offer.png"</CENTER> </a><br />
					
					
				</div>
				<div class="post">
					
					<h5>Step 3: Refer Friends</h5>
					
					<p>When you sign up you will be given a 'Referral Link.' Every time someone signs up and completes via that link, you will recieve £17 worth of gifts! So if 3 people signed up you would get a free iPod Shuffle!</p>
					<a href="#"><CENTER><img src="http://img812.imageshack.us/img812/6445/refv.png" </CENTER> </a><br />
					
				</div>
				<div class="post">
					
					<h5>Step 4: Recieve your free gift!</h5>
					
					<p>Once you have completed the three simple steps above you will recive your free gift! It will not cost you anything and Freebiejeebies will even pay for the shipping! If you have any problems please visit our 'Contact' page for assistance.</p>
					<a href="#"><CENTER><img src="http://img828.imageshack.us/img828/6679/gifte.png" </CENTER> </a><br />
					
					
				</div> 

This code gives this:

Spoiler

I would like to remove the 4 boxes and add Djoscar's buttons

However, when I remove the code in red, the sidebar disappears to the bottom of the page like this:

Spoiler

How do I keep my sidebar on the right of the page when I remove the 4 'posts'?

Thanks,

Denys

[az87aris]

Looks like you have an unclosed <div> before the sidebars' html, or there are 1 too many </div>s before it.

[RiVi3rA]

Here is the code that continues the one above:

</div>
			<div id="sidebar">
				<div class="block">
					<div class="news">
						<div>
							<p>Get the new iPod Touch absolutely free! All you have to do is complete a free offer and then tell 10 friends to do the same and your brand new iPod Touch will be shipped at no cost to you! Sign up now!</p>
							
						</div>
					</div>
				</div>
				
				<a href="http://apple.freebiejeebies.co.uk/358186"><CENTER><img src="http://img3.imageshack.us/img3/7355/ipads.png"</CENTER> </a><br />
				<a href="http://consoles.freebiejeebies.co.uk/187207"><CENTER><img src="http://img824.imageshack.us/img824/893/ps3h.png"</CENTER> </a><br />
				<a href="http://apple.freebiejeebies.co.uk/358186"><CENTER><img src="http://img227.imageshack.us/img227/8117/toucht.png"</CENTER> </a><br />
				<a href="http://consoles.freebiejeebies.co.uk/187207"><CENTER><img src="http://img27.imageshack.us/img27/1905/wiix.png"</CENTER> </a><br />
				<a href="http://consoles.freebiejeebies.co.uk/187207"><CENTER><img src="http://img834.imageshack.us/img834/5403/xbox360.png"</CENTER> </a><br />
				
					</ul>
				</div>
			</div>
		</div>

What do I need to edit?

[az87aris]

add a </div> to the top of the second piece of html you've posted so it has two </div>'s above <div id="sidebar">. That should fix it.

[RiVi3rA]

Like this?

</div>
				</div>
			</div>
			<div id="sidebar">
				<div class="block">
					<div class="news">
						<div>
							<p>Get the new iPod Touch absolutely free! All you have to do is complete a free offer and then tell 10 friends to do the same and your brand new iPod Touch will be shipped at no cost to you! Sign up now!</p>
							
						</div>
					</div>
				</div>
				
				<a href="http://apple.freebiejeebies.co.uk/358186"><CENTER><img src="http://img3.imageshack.us/img3/7355/ipads.png"</CENTER> </a><br />
				<a href="http://consoles.freebiejeebies.co.uk/187207"><CENTER><img src="http://img824.imageshack.us/img824/893/ps3h.png"</CENTER> </a><br />
				<a href="http://apple.freebiejeebies.co.uk/358186"><CENTER><img src="http://img227.imageshack.us/img227/8117/toucht.png"</CENTER> </a><br />
				<a href="http://consoles.freebiejeebies.co.uk/187207"><CENTER><img src="http://img27.imageshack.us/img27/1905/wiix.png"</CENTER> </a><br />
				<a href="http://consoles.freebiejeebies.co.uk/187207"><CENTER><img src="http://img834.imageshack.us/img834/5403/xbox360.png"</CENTER> </a><br />
				
					</ul>
				</div>
			</div>
		</div>
	</div>

I did that and it didn't work..

[az87aris]

No, you've added 1 too many. You just need 2 </divs> there, you've gone from having 1 to having 3!

[RiVi3rA]

Haha sorry

Is this what you meant?

</div>
				</div>
			
			<div id="sidebar">
				<div class="block">
					<div class="news">
						<div>
							<p>Get the new iPod Touch absolutely free! All you have to do is complete a free offer and then tell 10 friends to do the same and your brand new iPod Touch will be shipped at no cost to you! Sign up now!</p>
							
						</div>
					</div>
				</div>

If so it still sin't working? Any ideas?

Thanks,

Denys