XPost: comp.infosystems.www.authoring.stylesheets

In Message: <eli$2005172105@qaz.wtf>
Eli the Bearded <*@eli.users.panix.com> wrote:

In comp.infosystems.www.authoring.stylesheets,
James Kirk <noneya.invalid+knobknocker@gmail.com> wrote:

Eli the Bearded <*@eli.users.panix.com> wrote:

What do I do?

You have to contain and/or clear the floats OR don't use float.

add float:left; to ul.subcats
AND
add clear:left to .searchbox.
AND
add overflow:auto to .topnav

That works, but I can't say I understand (yet) why I need
"float:left" on the <UL> and on the <LI>s in the <UL>.

It is one of 2 ways that I used to contain the floats.

 change overflow to something other than visible.
 floats contain floats.

Since the UL is set as inline, overflow would not work to contain
floats.


--
James Kirk

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)

XPost: comp.infosystems.www.authoring.stylesheets

Axel Berger:

Arno Welzel wrote:

Use grid layout instead of floats. This makes things *much* easier:

Wonderful idea. First we lost Tim Berners-Lees brilliant concept of a
simple *content* description language that left look and layout mostly

Which is HTML(!) and not CSS.

to the viewer and thus worked well on *any* machines decades before
today's tiny screens were ever thought of. We're now back to the bad old
days of browser sniffing and delivering different content for different viewers -- just the very thing HTML was meant to get rid of. (http://www.anybrowser.org/campaign/)

This was the time, where every browser manufactorer created their *own* extensions to *HTML* (not CSS!).

CSS grid layout is a defined *standard*:

<https://www.w3.org/TR/css-grid-1/>

And nearly *every* browser supports it:

<https://caniuse.com/#search=grid>

And now we go further and lose the power of CSS by reverting to a kind
of fixed, table-based layout.

You don't know anything about grid layout. It is *not* "table-based" and
*not* "fixed".


--
Arno Welzel
https://arnowelzel.de

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)

XPost: comp.infosystems.www.authoring.stylesheets

In comp.infosystems.www.authoring.stylesheets,
Axel Berger <Spam@Berger-Odenthal.De> wrote:

Arno Welzel wrote:

Use grid layout instead of floats. This makes things *much* easier:

I don't think that would suit my goal in organizing these tags at all.
It's clever and probably has a use, but not here.

Wonderful idea. First we lost Tim Berners-Lees brilliant concept of a
simple *content* description language that left look and layout mostly
to the viewer and thus worked well on *any* machines decades before
today's tiny screens were ever thought of. We're now back to the bad old
days of browser sniffing and delivering different content for different viewers -- just the very thing HTML was meant to get rid of.

I'm kinda reluctant to do that, but also feeling that ordering content appropriately for different size screens is a challenge. A lot of web
pages that work in Lynx are painful in lynx, because the content is so
buried in the other stuff on the page. I'm trying to find a happy
compromise there.

And now we go further and lose the power of CSS by reverting to a kind
of fixed, table-based layout.

This layout scheme probably has some appropriate uses, particularly for
layouts that are trying to duplicate real world positions. A game board,
for example.

Elijah
------
open to suggestions

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)

XPost: comp.infosystems.www.authoring.stylesheets

Eli the Bearded:

In comp.infosystems.www.authoring.stylesheets,
Axel Berger <Spam@Berger-Odenthal.De> wrote:

[...]

And now we go further and lose the power of CSS by reverting to a kind
of fixed, table-based layout.

This layout scheme probably has some appropriate uses, particularly for layouts that are trying to duplicate real world positions. A game board,
for example.

Grid layout is *flexible* and has nothing to do with tables or a fixed
layout at all!

The idea is, that you define grid rows and columns and have the
flexibility to tell the browser what to do if there is not enough space
for 4, 3 or 2 columns.

--
Arno Welzel
https://arnowelzel.de

--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)