help-help-help! IE7 footer & repeatable region container height

Report · Sep 16, 2011

Hi everyone, I am new here so sorry if I am repeating a topic discussed already.

I have 2 problems from my template:

1. My website looks fine in Safari, FF but IE7 footer floats upto a div halfway up the page then the content is behind it and continues to the bottom of the screen, am I missing a vital trick here (is it best to have a main container for all content and a footer container outside this main content?)

2. If I put a div container around the 2 repeatable regions which are called ("main_content" and "sidebar") when I click the + on the editable region in the html page the outer container doesn't auto fit the height, how can I make outer container auto fit to how many repeatable regions I have clicked.

Template source code is below and test web page with 5 repeatable regions is http://aegmotorhomes.co.uk/test.html

I will take this time now to say thank you and to apologise for this dribble I may have wrote.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

#container {

background-repeat: repeat-x;

}

#TOPSPACE {

height: 5px;

width: 910px;

margin-right: auto;

margin-left: auto;

}

#search_container {

height: 35px;

width: 970px;

}

#search {

float: right;

width: 250px;

height: 25px;

}

#top_links {

height: 20px;

width: 970px;

margin-right: auto;

margin-left: auto;

font-family: Arial, Helvetica, sans-serif;

font-size: small;

color: #FFF;

font-weight: lighter;

font-style: normal;

line-height: normal;

}

#content {

width: 970px;

margin-right: auto;

margin-left: auto;

height: 266px;

background-repeat: no-repeat;

}

#navspacer {

height: 22px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#navbar {

height: 28px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#footer {

background-image: url(../MOTORHOME%20IMAGES/Footer/Screen%20shot%202011-07-15%20at%2016.16.51.png);

height: 350px;

clear: both;

position: relative;

}

#nav_bootomspacer {

height: 5px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#tab_spacer {

float: left;

height: 28px;

width: 15px;

}

#spacer2 {

height: 115px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#main_content {

float: left;

height: auto;

width: 715px;

font-family: Arial, Helvetica, sans-serif;

font-size: medium;

color: #397A7A;

background-color: #FFF;

padding-top: 5px;

padding-right: 0px;

padding-bottom: 5px;

padding-left: 10px;

}

body,td,th {

font-family: Arial, Helvetica, sans-serif;

font-size: medium;

color: #387675;

text-align: left;

}

a {

font-family: Arial, Helvetica, sans-serif;

font-size: small;

}

a:link {

color: #FFF;

text-decoration: none;

}

a:visited {

color: #FFF;

text-decoration: none;

}

a:hover {

color: #55B0B1;

text-decoration: none;

}

a:active {

color: #FFF;

text-decoration: none;

font-size: small;

}

#copyright_spacer {

height: 10px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#Copyright {

font-family: Arial, Helvetica, sans-serif;

font-size: small;

color: #FFF;

height: 20px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#copy {

height: 20px;

width: 400px;

float: left;

}

#legal {

width: 30px;

float: right;

height: 20px;

}

#legal_space {

float: right;

width: 180px;

height: 20px;

}

#footer_details {

height: 100px;

width: 960px;

margin-right: auto;

margin-left: auto;

padding-left: 10px;

}

#footer_links {

height: 145px;

width: 970px;

margin-right: auto;

margin-left: auto;

border-bottom-width: thin;

border-bottom-style: dotted;

border-bottom-color: #333;

}

#footer_links table colour {

color: #FFF;

font-family: Arial, Helvetica, sans-serif;

font-size: small;

}

#bottom_link_spacer {

height: 10px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#copy_left_spacer {

float: left;

height: 20px;

width: 20px;

}

#bottom_contact {

font-family: Arial, Helvetica, sans-serif;

font-size: small;

color: #FFF;

float: left;

height: 110px;

width: 200px;

}

#logo_bottom {

float: left;

height: 110px;

width: 175px;

}

#footer_link_space {

height: 30px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

#floatspace {

clear: both;

height: 20px;

}

#clowe {

float: right;

height: 60px;

width: 240px;

}

#footlinks {

float: left;

height: 140px;

width: 600px;

}

#socialmedia {

width: 210px;

float: right;

}

#socialspacer {

float: right;

height: 80px;

width: 300px;

}

#footlinks table medium {

font-size: medium;

}

#footlinks table tr td a {

font-size: small;

color: #CCC;

}

#you_are_here {

font-family: Arial, Helvetica, sans-serif;

font-size: small;

color: #666;

width: 930px;

margin-right: auto;

margin-left: auto;

}

#youspacer {

height: 15px;

width: 970px;

margin-right: auto;

margin-left: auto;

}

.you_are_herecolour {

color: #409EA0;

font-weight: bold;

}

.fillin {

font-weight: bold;

color: #387675;

}

#sidebar {

float: right;

height: auto;

width: 199px;

padding-right: 20px;

padding-left: 22px;

background-repeat: no-repeat;

}

#adverts {

margin-bottom: 20px;

}

</style>

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}

}

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

</script>

</head>

// Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)

// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/

// This notice must stay intact for use

//Enter domain of site to search.

var domainroot="aegmotorhomes.co.uk"

function Gsitesearch(curobj){

curobj.q.value="site:"+domainroot+" "+curobj.qfront.value

}

</script>

</form>

</div>

<div align="right"><a href="http://www.aegmotorhomes.co.uk/">Home</a> | <a href="http://aegmotorhomes.co.uk/news.html">News</a> | <a href="http://aegmotorhomes.co.uk/offers.html">Offers</a> |<a href="http://aegmotorhomes.co.uk/brochures.html"> Brochures</a> | <a href="http://aegmotorhomes.co.uk/insurance.html">Insurance Repairs </a>| <a href="http://aegmotorhomes.co.uk/conversions.html">Conversions</a> | <a href="http://aegmotorhomes.co.uk/refurbishment.html">Refurbishment</a> | <a href="http://aegmotorhomes.co.uk/contact.html">Contact us |</a></div>

</div>

<div id="Newstitle">AEG Motorhomes News & Updates

<div id="newstitletext"> AEG Motorhomes keeps you informed of all our latest offers and discounts on Motorhome and Campervan New & Used Sales, Service, Parts and Accessories. We will post all Motorhome events, Shows, model release dates and articles here. If you have any Motorhome news or articles you wish us to publish, please call our team on 01562 535 039 or alternatively you can email motorhomes@allelectric.co.uk.</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div id="legal_space"><a href="http://aegmotorhomes.co.uk/accessibility.html">Accessibility</a> | <a href="http://aegmotorhomes.co.uk/privacy.html">Privacy</a> | <a href="http://aegmotorhomes.co.uk/legal.html">Legal</a></div>

</div>

<tr>

<td><a href="http://aegmotorhomes.co.uk/swift.html">Swift</a></td>

<td><a href="http://aegmotorhomes.co.uk/conversions.html">Conversions</a></td>