On 21/07/2011 8:04 AM, Debbie Campbell wrote:
On 7/20/2011 1:35 PM, Maujor (via-gmail) wrote:
In this page:
http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/
There's a large image background to footer-container (not yet
completed). There's a small space of about 9px tall below the bottom
of footer-container at the very bottom of the browser window, I'm not
sure where that's coming from. Can someone help?
I changed it, it didn't make a difference...
--
Debbie
Please can you comment inline and not top post.
To begin with, please insert this style.
div#footer-container {
background-color: green;
}
This will give a background to the troublesome element. Now add this.
#footer-container {
overflow: hidden;
}
I presume this is is what you are after. Now delete the above overflow:
hidden; Another way to get the correct layout is this to remove the top
offset from p.copyright which is relatively positioned.
.copyright {
position: relative;
/*top: 10px; DELETE */
margin: 0 ;
padding: 10px 0 20px; /* Add padding-top to create space between
copyright text and div#footer box */
font-size: 13px;
text-align: center;
color: #dbdbdb;
}
You are having these troubles since you are using position:relative to
much without realizing the consequences or behavior that results in
overusing position:relative along with overusing <div>s. This causes
code bloat in both the HTML and CSS and this in turn makes it harder for
you (and others on this list) to understand what is happening. I have a
motto which is *less is better*. If I was to attempt to recode the
current HTML and CSS, I would begin by removing position:relative from
all elements.
Out of curiously, can you please tell me what the following CSS is for.
/* To prevent jumping */
html {
min-height: 100%;
margin-bottom: 1px;
}
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
