Dillo CSS compatibility Notes
Note 08-24-2026: Anubis + Dillo/Lynx do not mix... Small creaters forced to block small browsers because of the load from LLM scraping...
Pro Tip (I have to use an LLM at work and the damn thing always say "Pro tip!!" lol): Adding inline Headings to Details tags is a good way to make anything in a Details appear as a normal paragraph in text only browsers.
Note: Dillo will need to be constantly restarted if you are using it while making changes to your CSS file.
Had to remove: media="all" from this line in my index.html
link rel="stylesheet" type="text/css" href="style.css" media="all"
and
@media only screen {}
From my stylesheet in order to get dillo to load my stylesheet. Now if I kept one or the other, it would still fail. Both needed to go.
I also had to explicitly name my stylesheet to "style.css" any other name didn't seem to work.
It seems reducing the width to something like "max-width: 750px;" makes it stick to the left side of the screen instead of staying centered. Turns out this is in Dillo 3.3.0 only (unfortunately I had to find this out after the fact). This was driving me a little crazy at first and I was trying different things with the CSS to get things to work before giving up on centering my Sections.
This isn't really a huge deal as I really only do this to reduce line length so things are easier to read. So, whether it was centered or on the left didn't matter much...Of course I did fire up Dillo 3.1.1 after the fact and it was centered in there. So, maybe it's just a bug
Another CSS change I had to make for Dillo was my Buttons. They where filling the whole screen width. Some other pictures that I didn't have in any sort of container were staying centered, while my sections where sticking to the left (Hindsight: The problem with the images staying centered while the section sticked left was a Dillo 3.3.3 issue only)
For the Buttons I had to change "width: fit-content;" on my buttons to "width: 110px;" in order to get the buttons to not span the entire screen width in Dillo
While the picture issue was just a 3.3.0 issue, I made a stand alone div for certain things so they will stay in line with the section anyway. It makes sense to keep them in line with everything else.
