Portal:Tasks/5: Difference between revisions

no edit summary
(Created page with "{{Tasks |TaskTitle=Fix Clear right CSS issues |TaskStatus=Initiated |TaskLink=Portal:Tasks/5 }} <div style="clear:{{{1|both}}};"></div> not working https://saintapedia.org/wiki/MediaWiki:Common.css https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fsaintapedia.org%2Fwiki%2FMediaWiki%3ACommon.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en there could be several reasons: Template Syntax Issue: If this code is part of a template...")
 
No edit summary
Line 10: Line 10:
https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fsaintapedia.org%2Fwiki%2FMediaWiki%3ACommon.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en
https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fsaintapedia.org%2Fwiki%2FMediaWiki%3ACommon.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en


There could be several reasons:


there could be several reasons:
* Template Syntax Issue: If this code is part of a template, ensure that the template syntax is correctly interpreted. MediaWiki's parser needs to interpret {{{1|both}}} correctly for this to work. If this snippet is directly in MediaWiki:Common.css, this syntax won't be parsed as a template parameter because CSS pages do not parse template parameters in the same way.
 
* CSS Specificity and Overriding Styles: It's possible that other CSS rules are overriding this style. If there's a more specific rule or one with !important elsewhere in your CSS, it might prevent this clear property from taking effect.
Template Syntax Issue: If this code is part of a template, ensure that the template syntax is correctly interpreted. MediaWiki's parser needs to interpret {{{1|both}}} correctly for this to work. If this snippet is directly in MediaWiki:Common.css, this syntax won't be parsed as a template parameter because CSS pages do not parse template parameters in the same way.
* HTML Structure: If the div in question is not placed correctly in the HTML or if surrounding elements do not properly use floating, then clearing floats won't have a visible effect. Ensure that elements before this div are indeed floated, and this div is where you intend to clear those floats.
CSS Specificity and Overriding Styles: It's possible that other CSS rules are overriding this style. If there's a more specific rule or one with !important elsewhere in your CSS, it might prevent this clear property from taking effect.
* MediaWiki Parsing: MediaWiki does some processing on CSS, especially when it's added via the MediaWiki:Common.css.  
HTML Structure: If the div in question is not placed correctly in the HTML or if surrounding elements do not properly use floating, then clearing floats won't have a visible effect. Ensure that elements before this div are indeed floated, and this div is where you intend to clear those floats.
MediaWiki Parsing: MediaWiki does some processing on CSS, especially when it's added via the MediaWiki:Common.css.  


If there's an issue with how MediaWiki is parsing or applying the CSS:
If there's an issue with how MediaWiki is parsing or applying the CSS: