[MGNLSTK-755] Next Events Teaser breaks CSS layout Created: 18/Mar/11 Updated: 31/Jul/13 Resolved: 31/Jul/13 |
|
| Status: | Closed |
| Project: | Magnolia Standard Templating Kit (closed) |
| Component/s: | themepop |
| Affects Version/s: | 1.4.2 |
| Fix Version/s: | 2.0.11, 2.5.2 |
| Type: | Bug | Priority: | Neutral |
| Reporter: | Jörg Schaible | Assignee: | Milan Divilek |
| Resolution: | Fixed | Votes: | 0 |
| Labels: | css | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Environment: |
Firefox 3.6.15, Konqueror 4.4.5 |
||
| Attachments: |
|
| Template: |
|
| Patch included: |
Yes
|
| Acceptance criteria: |
Empty
|
| Date of First Response: |
| Description |
|
The "Next Events Teser" breaks the CSS layout. Any teaser in the column to the right does no longer respect the margin between the columns. Reproducing task: Open demo web site home and add a "Next Events Teaser". Move the new paragraph to the top of the left or middle column. @@ -1276,7 +1276,7 @@ table {
#main .event-list {
overflow: hidden; /* ie 6 */
position: relative;
- margin: 0 0 20px 0;
+ margin-bottom: 20px;
border-top: 4px solid #b3b3b3;
border-bottom: none;
}
Removing the margin settings in the style solved the problem for me. Compare also with the similar style for the "Lastest News Teaser" that does not have this bug. |
| Comments |
| Comment by Magnolia International [ 21/Mar/11 ] |
|
Thanks for the patch, Jörg ! |
| Comment by Rebecca Heinen [ 30/Jul/13 ] |
|
fixed in styles.css |