Status

VERIFIED FIXED
9 years ago
9 years ago

People

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

Tracking

Trunk
x86
Mac OS X

Details

(Reporter)

Description

9 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

9 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

9 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: 9 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.