Hey,

 

I've been having a problem with two designs of one of my websites recently.

 

First of all the problem straight up - The site in question (Live now: http://www.BradloPhotography.com/'>http://www.BradloPhotography.com/) works fine in Firefox and IE 8. However IE 7 it decides to NOT show anything below the header image and nav bar i.e the main body text area and footer. This is the first full redesign to try and resolve the problem, but it persists still. The design previous had the identical problem, missing everything below the nav bar and this site was completely different design and style (See attached image for the old site). However i would like to stick the current design as it fixes ALOT of issues with the old site.

 

Since the sites birth design and the first redesign after that, i've not had the problem above.

 

Any help would be greatly appreciated!

 

Thanks in advance!

 

Website in question: http://www.BradloPhotography.com/

Image of old site design:

looks to me that you've got the <div class="navbg"> wrapping the whole document just check where your closing this div

looks to me that you've got the <div class="navbg"> wrapping the whole document just check where your closing this div

 

Hi thanks for the response,

 

The code is as follows (from NavBG Opening div to closing div)

 

<div class="NavBG">
	  <div class="NavMarquee"><marquee class="NavFontColor">
	     Website Updated || All prices now £1.50 as standard || <a href="contact.html">Click Here To Hire Bradlo Now!</a>
	  </marquee></div>
	  <br />
	  <div class="NavBtns"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/Home-Nav-Roll-GIF.gif',1)"><img src="images/Home-Nav-GIF.gif" name="Image2" width="100" height="25" border="0" id="Image2" /></a><a href="photography.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/Photography-Nav-Roll-GIF.gif',1)"><img src="images/Photography-Nav-GIF.gif" name="Image3" width="195" height="25" border="0" id="Image3" /></a><a href="extra.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/Extrat-Nav-Roll-GIF.gif',1)"><img src="images/Extrat-Nav-GIF.gif" name="Image4" width="106" height="25" border="0" id="Image4" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/Contact-Nav-Roll-GIF.gif',1)"><img src="images/Contact-Nav-GIF.gif" name="Image5" width="137" height="25" border="0" id="Image5" /></a></div>
	  <br />
	  <br />
<br />

	  <div class="MainContainer">
	    <div class="MainLeft">Welcome to BradloPhotography. <br />
             <br />
BradloPhotography is here to give you the best action/extreme/adventure  sport pictures possible for the cheapest price around. We aim to  provide you with the highest full quality pictures available, without  the hassle.<br />
<br />
Action Sports are a rarity in themselves, so to best share and describe  your sport with friends and family, use only the best images from  BradloPhotography.<br />
<br />
BradloPhotography isn't just about Paintball Photography, we are always  looking to find new and exciting sports with that little extra risk  factor that most photographers don't dare to even try. Paintball is  just one of these risky environments.<br />
<br />
BradloPhotography specializes in Paintball Photography, however we are  available for just about any other sport around. From Motorsport to  Mountain Biking, BradloPhotography prides its self in not being limited  to one area of photography.<br />
<br />
To get in contact visit the "<a href="http://bradlophotography.com/contact.html">Hire Bradlo</a>" link to the side or the "<a href="http://bradlophotography.com/contact.html">Contact</a>" link above and get your hobby recorded with the aid of some fantastic photography from BradloPhotography.com<br />
<br />
Visit our <a href="http://bradlophotography.com/photography.html">Photography Page</a> to see some of our regular event Photography. </div>
           <div class="MainRight"><strong>QUICK LINKS<br />
             <br />
             <a href="contact.html">HIRE BRADLO</a><br />
             <a href="http://www.facebook.com/pages/BradloPhotography/264827269318?v=info&ref=ts">FACEBOOK</a><br />
             <a href="http://www.YouTube.com/BradloPhotography">YOUTUBE</a><br />
           </strong></div>
	  </div>
	  <div class="Footer">All Images are property of <a href="http://www.BradloPhotography.com/">BradloPhotography.com</a> and must not be copyed without permission from Bradley Bailey.<br />
Website/Webdesign by <a href="http://www.BradleyBailey.co.uk/">Bradley Bailey (Bradlo)</a><br />
All Rights Reserved. Copyright © <a href="http://www.BradloPhotography.com/">Bradlo Photography</a> Paintball Photography 2010<br />
	</div></div>

 

Like you said it appears that the NavBG div tag has wrapped the whole site.

I have tried throwing in some closing div tags after the appropriate areas to close it off but it just seems to break things up on the site - changing stylings, sizes, fonts and removing the gaps between the nav and main content.

 

What's the next step?

 

Thanks again!

I'd move your closing tag to just before div maincontainer delete the <br><br><br>

 

in yor css

add margin bottom to .NavBG (try 10px)

add font family arial to .MainContainer

 

hth