529983 - [IE 7] issues in footer

Status: VERIFIED FIXED

(Camino Graveyard :: Product Site, defect)

Description

[philippe (part-time)]

issue 1.
The main paragraph 'Copyright...' lacks margins (displays flush against the pseudo border). 'width' on the parent container triggers our friend (cough) 'hasLayout', swallows margins of first-child.

issue 2. 
navigation list on the right is MIA (negative top-margins...).

Fix 1:
add to screen.css (around line 235 or down)

#footer p {
  margin-top: 0;
  padding-top: 1em;
}

Fix 2:
add to the following selectors:

.col_footer {
  position: relative;
}

#footer ul {
  position: relative;
}


The list will still be lower than in other browsers, but at least it is visible.

Comment 1

[philippe (part-time)]

Another way to solve the issue: change the html :-). Put the list first in the source, then the paragraph.

<div id="footer-bg">
<div id="footer">
<div class="col_footer clear">
<ul>
</ul>
</div>
<p></p>
</div>

IE 7 will still have an issue (issue 1 as above, but this time on the UL). Solved by:

#footer ul {
  margin-top: 0;
  padding-top: 1em;
}

Advantage: the two blocks of text are perfectly aligned horizontally, and will never overlap, no matter how big the user font-size is.

Comment 2

[Samuel Sidler (old account; do not CC)]

Hm. I did what you recommended in comment 1, but it's not lined up correctly. Any ideas?

Comment 3

[philippe (part-time)]

yes:)
remove 'margin-top: -0.6em;' from .col_footer.

(my test file had it zero-ed out already...)

Comment 4

[Samuel Sidler (old account; do not CC)]

Yay! Thanks again Philippe!