Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.The teaser text and teaser image should be top aligned but are not in IE6 and IE7.
| Comment | File | Size | Author |
|---|---|---|---|
| #8 | bartik_708662_text-image-alignment_v1.0.patch | 663 bytes | Jeff Burnz |
| #5 | No image floaty in IEs :( | 26.96 KB | stephthegeek |
| IE6andIE7.png | 145.66 KB | michaelverdi |
Comments
Comment #1
jacine[edit] oops, wrong issue.
Comment #2
jacineComment #3
todd nienkerk commentedLooking into it.
Comment #4
willmoy commentedNow we have a bartik project, moving there.
Comment #5
stephthegeek commentedNot only are the top edges not aligned, but we're not getting any nice float wrapping around the image in any IEs. This and the misalignment are mainly due to all the clearfixes being thrown around the fields -- apparently that's in core now: http://drupal.org/node/622330
Not exactly sure how to fix this nicely, will take more investigation on the rationale behind clearfix on all the fields in core.
Comment #6
Jeff Burnz commentedPerhaps this is more to do with the margin top on the p element, line 36 style.css
I tested by overriding theme_field and removing the clearfix which did not resolve the issue, while digging around in firebug I noticed the margin top on paragraphs, removed it (put clearfixes back in) and viola, fixed, e.g.
Comment #7
jensimmons commentedWill you roll a patch for this Jeff?
Comment #8
Jeff Burnz commentedHeres the patch, added margin-top to .content to compensate for the lost margin top for the first paragraph.
Comment #9
jensimmons commentedCommitted — with an adjustment. Made .content { margin-top: 1em; } instead of 1.2 ems. It was affecting the block headlines too much. We can always adjust more if needed.
:)