[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: PNG File NextEventTeaserCSSBug.png     PNG File Screen Shot 2013-07-30 at 3.52.18 PM.png    
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

Generated at Mon Feb 12 07:30:06 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.