Simple layout question (I hope) #4013

neilyoung · 2025-07-21T17:02:00Z

neilyoung
Jul 21, 2025

Hi group,

I'm using daisyUI 5.0.46 in conjunction with templ, a GO templating engine. But I doubt that this matters.

I could break down my problem to this simple HTML.

According to various sources (e.g. https://kyleshevlin.com/tailwind-minimum-full-height-layout/) it should be possible to achieve kind of vertically stacked design with this approach:

<!DOCTYPE html>
<html lang="de" class="h-full">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body class="flex flex-col min-h-screen">
        <main class="flex-grow">Body</main>
        <footer>Footer</footer>
    </body>
</html>

In fact, this produces vertically stacked output like

Body
Footer

But... it all ends if I insert the css generated from this css source:

@import "tailwindcss";

@plugin "daisyui" {
  themes: light --default, dark --prefersdark;
}

Basically the only difference to the above code is the loading of the produced css in the head section:

<link href="/static/css/styles.css" rel="stylesheet">

From now on my output looks like so:

BodyFooter

Anyone having an idea, what goes wrong here?

neilyoung · 2025-07-21T17:23:24Z

neilyoung
Jul 21, 2025
Author

Oh sh...t.... Clear browser cache did help... Sorry

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Uh oh!

Simple layout question (I hope) #4013

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Uh oh!

Simple layout question (I hope) #4013

Uh oh!

neilyoung Jul 21, 2025

Replies: 1 comment

Uh oh!

neilyoung Jul 21, 2025 Author

neilyoung
Jul 21, 2025

neilyoung
Jul 21, 2025
Author