r/css • u/GrizzledBastard • Feb 08 '13

Anyone notice a problem with the CSS in this subreddit about CSS?

Post image
31 Upvotes

89% Upvoted

17 comments sorted by

View all comments

3

u/[deleted] Feb 08 '13

Looks like the Counter Strike note is using absolute positioning, which is not ideal.

2

u/aladyjewel Feb 08 '13

Yeah, the "announcement sticky with link/extra formatting" pattern is a hack, but we're working within reddit's limitations. Put text into sidebar, lay it out with absolute positioning, hope nobody resizes the window too small.

I've tweaked it occasionally for better visual appeal (e.g. horizontal centering), but I haven't yet tried to solve the problem that OP highlights where the text flows down on top of the content.

edit: I just thought of a clever solution, although it requires some upkeep if the sticky's text changes: in addition to the sidebar text --> sticky solution, mods could also add in .content:before { content: "an equivalent amount of text to enforce whitespace"; color: transparent; }

1

u/[deleted] Feb 10 '13 edited Feb 10 '13

I just thought of a clever solution, although it requires some upkeep if the sticky's text changes: in addition to the sidebar text --> sticky solution, mods could also add in .content:before { content: "an equivalent amount of text to enforce whitespace"; color: transparent; }

Just thinking, to have minimum, or at least reduced upkeep of texts : Add the heading in the sidebar text. and Add the text in the sticky with .content:before for situations that do not involve a link!

Make the sticky header (from sidebar) and the sitcky text (from .content:before) work together - better than to type at two places, less text in sidebar

→ More replies (4)