Status

VERIFIED FIXED
10 years ago
9 years ago

People

(Reporter: phiw2, Assigned: samuel.sidler+old)

Tracking

Trunk
x86
macOS

Details

(Reporter)

Description

10 years ago
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.
(Reporter)

Comment 1

10 years ago
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.
Hm. I did what you recommended in comment 1, but it's not lined up correctly. Any ideas?
(Reporter)

Comment 3

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

(my test file had it zero-ed out already...)
Yay! Thanks again Philippe!
Status: NEW → RESOLVED
Last Resolved: 10 years ago
Resolution: --- → FIXED
(Reporter)

Updated

9 years ago
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.