gjirvine3000
asked on
Large unexplained white space in CSS structured page (only in IE)
Hi there
I have the following homepage, structured in CSS:
http://www.capitacommunications.co.uk/cbt/
The CSS is here:
http://www.capitacommunications.co.uk/cbt/css/main.css
In IE6, you will notice that there is a large gap between where the homepage content ends (so at the bottom of the Quick Access box) and where the footer begins. I cannot work out why this is there - it only happens on the homepage and I want to get rid of it. There are no "margin-bottom" values on the elements and no "margin-top" on the footer that are causing this.
In Firefox this is not there...
Can anyone help?
Thanks!
I have the following homepage, structured in CSS:
http://www.capitacommunications.co.uk/cbt/
The CSS is here:
http://www.capitacommunications.co.uk/cbt/css/main.css
In IE6, you will notice that there is a large gap between where the homepage content ends (so at the bottom of the Quick Access box) and where the footer begins. I cannot work out why this is there - it only happens on the homepage and I want to get rid of it. There are no "margin-bottom" values on the elements and no "margin-top" on the footer that are causing this.
In Firefox this is not there...
Can anyone help?
Thanks!
Without looking at the page, I would guess that this is a whitespace issue if it is only happening in ie.
Format your html like this and see if it fixes
</div
><div id="footer"</div>
Format your html like this and see if it fixes
</div
><div id="footer"</div>
ASKER
Hi Steggs
Sorry, no joy...
gjirvine3000
Sorry, no joy...
gjirvine3000
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks oneiriod, but that hasn't cracked it.
That change pushes the div above (homepage contact div) onto the next line...
That change pushes the div above (homepage contact div) onto the next line...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hiya
Thanks all but I've actually found the following code underneath the ACCESSIBILITY AND ACCREDITATIONS div
---------
<div class="clear"> </div>
<p><br />
</p>
</div>
-------------
So I have removed the
<p><br />
</p>
and all is well!
cheers
Thanks all but I've actually found the following code underneath the ACCESSIBILITY AND ACCREDITATIONS div
---------
<div class="clear"> </div>
<p><br />
</p>
</div>
-------------
So I have removed the
<p><br />
</p>
and all is well!
cheers
ASKER
cheers