Click here to Skip to main content
15,946,320 members

The Weird and The Wonderful

   

The Weird and The Wonderful forum is a place to post Coding Horrors, Worst Practices, and the occasional flash of brilliance.

We all come across code that simply boggles the mind. Lazy kludges, embarrassing mistakes, horrid workarounds and developers just not quite getting it. And then somedays we come across - or write - the truly sublime.

Post your Best, your worst, and your most interesting. But please - no programming questions . This forum is purely for amusement and discussions on code snippets. All actual programming questions will be removed.

 
GeneralCSS & Sophocles, more related than you know Pin
raddevus22-Jul-24 12:22
mvaraddevus22-Jul-24 12:22 
GeneralRe: CSS & Sophocles, more related than you know Pin
Jeremy Falcon22-Jul-24 14:19
professionalJeremy Falcon22-Jul-24 14:19 
raddevus wrote:
Do you see the problem?
Don't see the reason for it off the top of my head. Absolute should work with a static parent. Usually when stuff is not shown and it's not a display issue (or no content) then it's related to height. As body height needs to be set as well, etc. So that would be my guess.

Couple points about your code though...

I urge you to consider never, ever doing that again though. Laugh | :laugh: You don't need to hard code offsets, as that'll just make things harder to maintain. And, this day and age we should be using flexbox for layout. And yes that includes fullscreen dialogs. It'll keep things organized sooo much better and if you ever need to stack a dialog on top of your main content or stack multiple dialogs, then it'll make your life easier.

Also, never, ever use height 100% in that manner. Smile | :) There are better ways now. That was the trick 20 years ago. These days it's much, much better to use viewport units for layout. Height 100% means 100% of the parent. That trick only only worked when you set both the html and body tag to height 100%. I still set both html and body out of habit for viewport, but there's no need for that now. Just use viewport units with the added benefit of being semantic.

Also, consider using the semantic dialog tag. It'll fall back to a regular div on non-supported browsers. But if the intent is to have a fullscreen dialog show, then it'll help screen readers know what's up.

Tossed together a fiddle for poops and giggles. Clickety
Jeremy Falcon


modified yesterday.

GeneralRe: CSS & Sophocles, more related than you know Pin
raddevus22hrs 57mins ago
mvaraddevus22hrs 57mins ago 
GeneralRe: CSS & Sophocles, more related than you know Pin
Jeremy Falcon18hrs 54mins ago
professionalJeremy Falcon18hrs 54mins ago 
GeneralRe: CSS & Sophocles, more related than you know Pin
Jeremy Falcon18hrs 39mins ago
professionalJeremy Falcon18hrs 39mins ago 
GeneralRe: CSS & Sophocles, more related than you know Pin
raddevus18hrs 25mins ago
mvaraddevus18hrs 25mins ago 
GeneralRe: CSS & Sophocles, more related than you know Pin
Jeremy Falcon16hrs 28mins ago
professionalJeremy Falcon16hrs 28mins ago 
GeneralRe: CSS & Sophocles, more related than you know Pin
RickZeeland22-Jul-24 19:13
mveRickZeeland22-Jul-24 19:13 
AnswerRe: CSS & Sophocles, more related than you know Pin
raddevus22hrs 58mins ago
mvaraddevus22hrs 58mins ago 
GeneralRe: CSS & Sophocles, more related than you know Pin
Jeremy Falcon18hrs 51mins ago
professionalJeremy Falcon18hrs 51mins ago 
JokeRe: CSS & Sophocles, more related than you know Pin
Peter_in_278022-Jul-24 20:27
professionalPeter_in_278022-Jul-24 20:27 
GeneralRe: CSS & Sophocles, more related than you know Pin
TNCaver15hrs 19mins ago
TNCaver15hrs 19mins ago 
GeneralRe: CSS & Sophocles, more related than you know Pin
Richard Deeming4hrs 16mins ago
mveRichard Deeming4hrs 16mins ago 
GeneralLinux C PreProcessor: Who Knew? Pin
raddevus4-Jul-24 6:26
mvaraddevus4-Jul-24 6:26 
GeneralRe: Linux C PreProcessor: Who Knew? Pin
trønderen4-Jul-24 8:22
trønderen4-Jul-24 8:22 
GeneralRe: Linux C PreProcessor: Who Knew? Pin
Jalapeno Bob4-Jul-24 9:46
professionalJalapeno Bob4-Jul-24 9:46 
GeneralRe: Linux C PreProcessor: Who Knew? Pin
raddevus4-Jul-24 10:14
mvaraddevus4-Jul-24 10:14 
GeneralRe: Linux C PreProcessor: Who Knew? Pin
Dave Kreskowiak4-Jul-24 9:37
mveDave Kreskowiak4-Jul-24 9:37 
GeneralRe: Linux C PreProcessor: Who Knew? Pin
raddevus4-Jul-24 10:16
mvaraddevus4-Jul-24 10:16 
GeneralRe: Linux C PreProcessor: Who Knew? Pin
k50549-Jul-24 3:51
mvek50549-Jul-24 3:51 
GeneralRe: Linux C PreProcessor: Who Knew? Pin
raddevus9-Jul-24 4:51
mvaraddevus9-Jul-24 4:51 
GeneralDoes this scare anyone else? Pin
honey the codewitch4-Jul-24 0:44
mvahoney the codewitch4-Jul-24 0:44 
GeneralRe: Does this scare anyone else? Pin
Peter_in_27804-Jul-24 11:33
professionalPeter_in_27804-Jul-24 11:33 
GeneralRe: Does this scare anyone else? Pin
honey the codewitch4-Jul-24 11:35
mvahoney the codewitch4-Jul-24 11:35 
GeneralWhat the hell GCC, again Pin
k50542-Jul-24 11:32
mvek50542-Jul-24 11:32 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.