...

View Full Version : box right is over laying footer?!



jarv
04-29-2011, 11:51 AM
Please help, my right column is overlaying my footer?!

see web page here (http://www.sbannister.co.uk/helix_site2/case-study.html)

screenshot (http://awesomescreenshot.com/06ac63w3e)

teedoff
04-29-2011, 02:42 PM
Please help, my right column is overlaying my footer?!

see web page here (http://www.sbannister.co.uk/helix_site2/case-study.html)

screenshot (http://awesomescreenshot.com/06ac63w3e)

Your screenshot looks totally different than your page now. Your footer now doesn't even look like it's been styled.

michaelmo
04-29-2011, 04:34 PM
the easiest way is to change the margin-top of your footer to 70px, (it's 20px now), but it's not the best way to fix that

amitsh
04-29-2011, 06:33 PM
#content #casestudyright {
color: #FFFFFF;
display: block;
float: right;
height: 376px;
margin: 0 0 0 300px;
padding: 0;
}

in above style just remove height: 376;

so style will be like...

#content #casestudyright {
color: #FFFFFF;
display: block;
float: right;
margin: 0 0 0 300px;
padding: 0;
}

hope dis help

ch33rs!!!

amitsh
04-29-2011, 06:37 PM
just check this is too remove height from footer style too is your feel like footer bgcolor is not covering footer links...

change this

footer {
background-color: #1A1A1A;
color: #CBCBCB;
display: block;
font-size: 11px;
height: 25px;
margin-top: 20px;
padding: 0 32px;
width: 960px;
}

to this

footer {
background-color: #1A1A1A;
color: #CBCBCB;
display: block;
font-size: 11px;
margin-top: 20px;
padding: 0 32px;
width: 960px;
}

jarv
05-09-2011, 08:05 PM
thanks, it's still sort of doing it?!
see here (http://www.sbannister.co.uk/helix_site2/case-study.html)

AndrewGSW
05-09-2011, 09:19 PM
I'm struggling to replicate the issue that you see. However, you could add a div just before your footer div to clear beyond the floating elements:


<div class="clearer"></div>
<!-- then your footer div.. -->
add the css:

.clearer { clear: both; }

davidsbain
05-10-2011, 01:54 PM
In IE7 the site is all over the place, in firefox it shows up fine. The main reason I can see for this is that your divs are not correctly defined and the width seems to be throwing in a huge error in IE7

teedoff
05-10-2011, 02:08 PM
Your screenshot looks totally different than your page now. Your footer now doesn't even look like it's been styled.

umm ditto again. I still dont see any sidebar overlapping your footer. I see your footer with a bunch on lists or links that havent been styles...ie all stacked up on top of each other.

Here is what I am seeing.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum